@duffel/components 3.1.3--prototype.3 → 3.1.3--prototype.6

package/src/tests/components/DuffelAncillaries.test.tsx

@@ -1,342 +0,0 @@
-import { fireEvent, render } from "@testing-library/react";
-import React from "react";
-import { DuffelAncillaries } from "../../components/DuffelAncillaries/DuffelAncillaries";
-import mockPassengers from "../../fixtures/passengers/mock_passengers";
-import {
-  DuffelAncillariesPropsWithOffersAndSeatMaps,
-  OnPayloadReady,
-} from "../../types/DuffelAncillariesProps";
-import { Offer } from "../../types/Offer";
-import { SeatMap } from "../../types/SeatMap";
-
-/* eslint-disable @typescript-eslint/no-var-requires */
-const MOCK_OFFER: Offer = require("../../fixtures/offers/off_1.json");
-const MOCK_SEAT_MAPS: SeatMap[] = require("../../fixtures/seat-maps/off_1.json");
-/* eslint-enable @typescript-eslint/no-var-requires */
-
-const defaultProps: Omit<
-  DuffelAncillariesPropsWithOffersAndSeatMaps,
-  "onPayloadReady"
-> = {
-  offer: MOCK_OFFER,
-  seat_maps: MOCK_SEAT_MAPS,
-  passengers: mockPassengers,
-  services: ["bags", "seats", "cancel_for_any_reason"],
-};
-
-const ExampleWithoutServices: React.FC = () => (
-  <DuffelAncillaries
-    onPayloadReady={jest.fn()}
-    passengers={[]}
-    services={[]}
-    offer_id="offer_id"
-    client_key="client_key"
-  />
-);
-
-describe("DuffelAncillaries", () => {
-  test("should throw an error when services is empty", () => {
-    expect(() => render(<ExampleWithoutServices />)).toThrow(
-      `You must provide at least one service in the "services" prop. Valid services: ["bags", "seats", "cancel_for_any_reason"]`
-    );
-  });
-
-  test("should select baggage services", async () => {
-    let onPayloadReadyCallCount = 0;
-    const onPayloadReady: OnPayloadReady = jest.fn((data, metadata) => {
-      if (++onPayloadReadyCallCount === 2) {
-        expect(data.selected_offers[0]).toBe(MOCK_OFFER.id);
-        expect(metadata.baggage_services.length).toBe(2);
-      }
-    });
-    const { getByText, getByTestId, getByTitle } = render(
-      <DuffelAncillaries {...defaultProps} onPayloadReady={onPayloadReady} />
-    );
-
-    fireEvent.click(getByTitle("Select extra baggage"));
-
-    // There are no services for the first segment of the offer.
-    fireEvent.click(getByTestId("confirm-selection-for-baggage"));
-
-    for (const available_service of MOCK_OFFER.available_services) {
-      if (available_service.type !== "baggage") continue;
-
-      for (const passengerId of available_service.passenger_ids) {
-        const testId = `counter--${available_service.id}--${passengerId}-plus`;
-        const addBaggageButton = getByTestId(testId);
-        fireEvent.click(addBaggageButton);
-      }
-    }
-
-    fireEvent.click(getByTestId("confirm-selection-for-baggage"));
-    expect(getByText(/2 bags added/i));
-
-    // The component is always called at least once
-    // when the state is set with an offer.
-    expect(onPayloadReady).toBeCalledTimes(2);
-  });
-
-  test("should select seat services", () => {
-    let onPayloadReadyCallCount = 0;
-    const onPayloadReady: OnPayloadReady = jest.fn((data, metadata) => {
-      if (++onPayloadReadyCallCount === 2) {
-        expect(data.selected_offers[0]).toBe(MOCK_OFFER.id);
-        expect(metadata.seat_services.length).toBe(4);
-      }
-    });
-    const { getByText, getByTestId, getByTitle } = render(
-      <DuffelAncillaries {...defaultProps} onPayloadReady={onPayloadReady} />
-    );
-
-    const seatCard = getByTitle("Select seats");
-    fireEvent.click(seatCard);
-
-    fireEvent.click(getByTestId("seat-28E"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28F"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28E"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28F"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    expect(getByText(/4 seats selected/i));
-
-    // The component is always called at least once
-    // when the state is set with an offer.
-    expect(onPayloadReady).toBeCalledTimes(2);
-  });
-
-  test("should select CFAR service", () => {
-    let onPayloadReadyCallCount = 0;
-    const onPayloadReady: OnPayloadReady = jest.fn((data, metadata) => {
-      if (++onPayloadReadyCallCount === 2) {
-        expect(data.selected_offers[0]).toBe(MOCK_OFFER.id);
-        expect(metadata.cancel_for_any_reason_services.length).toBe(1);
-        expect(data.services.length).toBe(1);
-      }
-    });
-    const { getByText, getByTestId, getByTitle } = render(
-      <DuffelAncillaries {...defaultProps} onPayloadReady={onPayloadReady} />
-    );
-
-    fireEvent.click(getByTitle("Add cancel for any reason"));
-
-    fireEvent.click(getByTestId("confirm-selection-for-cfar"));
-    expect(getByText(/Your trip is protected for £97.45/i));
-
-    // The component is always called at least once
-    // when the state is set with an offer.
-    expect(onPayloadReady).toBeCalledTimes(2);
-  });
-
-  test("should work with markup", () => {
-    let onPayloadReadyCallCount = 0;
-    const onPayloadReady: OnPayloadReady = jest.fn((data, metadata) => {
-      if (++onPayloadReadyCallCount === 2) {
-        expect(data.selected_offers[0]).toBe(MOCK_OFFER.id);
-        expect(metadata.baggage_services.length).toBe(2);
-
-        // Confirm that the markup is applied.
-        expect(
-          metadata.baggage_services[0].serviceInformation?.total_amount
-        ).toBe("23");
-      }
-    });
-    const { getByText, getByTestId, getByTitle } = render(
-      <DuffelAncillaries
-        {...defaultProps}
-        onPayloadReady={onPayloadReady}
-        markup={{
-          bags: { amount: 1, rate: 0.1 },
-          seats: { amount: 2, rate: 0.2 },
-          cancel_for_any_reason: { amount: 3, rate: 0.3 },
-        }}
-      />
-    );
-
-    /**
-     * First, select bags.
-     */
-
-    fireEvent.click(getByTitle("Select extra baggage"));
-
-    // There are no services for the first segment of the offer.
-    fireEvent.click(getByTestId("confirm-selection-for-baggage"));
-
-    const totalPriceLabel = getByTestId("baggage-total-amount-label");
-    expect(totalPriceLabel.textContent).toBe("+ £0.00");
-
-    for (const available_service of MOCK_OFFER.available_services) {
-      if (available_service.type !== "baggage") continue;
-
-      for (const passengerId of available_service.passenger_ids) {
-        const priceLabelTestId = `price-label--${available_service.id}--${passengerId}`;
-        const priceLabel = getByTestId(priceLabelTestId);
-        expect(priceLabel.textContent).toBe("£23.00");
-
-        const addButtonTestId = `counter--${available_service.id}--${passengerId}-plus`;
-        const addBaggageButton = getByTestId(addButtonTestId);
-        fireEvent.click(addBaggageButton);
-      }
-    }
-
-    // Price should now have been updated.
-    expect(totalPriceLabel.textContent).toBe("+ £46.00");
-
-    fireEvent.click(getByTestId("confirm-selection-for-baggage"));
-    expect(getByText(/2 bags added for £46.00/i));
-
-    /**
-     * Now, select seats.
-     */
-
-    const seatCard = getByTitle("Select seats");
-    fireEvent.click(seatCard);
-
-    fireEvent.click(getByTestId("seat-28E"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28F"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28E"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28F"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    expect(getByText(/4 seats selected for £104.00/i));
-
-    /**
-     * Now, select CFAR.
-     */
-
-    const cfarCard = getByTitle("Add cancel for any reason");
-    fireEvent.click(cfarCard);
-
-    fireEvent.click(getByTestId("confirm-selection-for-cfar"));
-
-    expect(getByText(/Your trip is protected for £129.69/i));
-
-    // The component is always called at least once
-    // when the state is set with an offer.
-    expect(onPayloadReady).toBeCalledTimes(4);
-  });
-
-  test("should work with priceFormatters", () => {
-    let onPayloadReadyCallCount = 0;
-    const onPayloadReady: OnPayloadReady = jest.fn((data, metadata) => {
-      if (++onPayloadReadyCallCount === 2) {
-        expect(data.selected_offers[0]).toBe(MOCK_OFFER.id);
-        expect(metadata.baggage_services.length).toBe(2);
-
-        // Confirm that the markup is applied.
-        expect(
-          metadata.baggage_services[0].serviceInformation?.total_amount
-        ).toBe("40");
-        expect(
-          metadata.baggage_services[0].serviceInformation?.total_currency
-        ).toBe("Duffel house points");
-      }
-    });
-    const currency = "Duffel house points";
-    const { getByText, getByTestId, getByTitle } = render(
-      <DuffelAncillaries
-        {...defaultProps}
-        onPayloadReady={onPayloadReady}
-        priceFormatters={{
-          bags: (amount) => {
-            return {
-              amount: amount * 2,
-              currency,
-            };
-          },
-          seats: (amount) => {
-            return {
-              amount: amount / 2,
-              currency,
-            };
-          },
-          cancel_for_any_reason: () => {
-            return {
-              amount: 100,
-              currency,
-            };
-          },
-        }}
-      />
-    );
-
-    /**
-     * First, select bags.
-     */
-
-    fireEvent.click(getByTitle("Select extra baggage"));
-
-    // There are no services for the first segment of the offer.
-    fireEvent.click(getByTestId("confirm-selection-for-baggage"));
-
-    const totalPriceLabel = getByTestId("baggage-total-amount-label");
-    expect(totalPriceLabel.textContent).toBe("+ 0 Duffel house points");
-
-    for (const available_service of MOCK_OFFER.available_services) {
-      if (available_service.type !== "baggage") continue;
-
-      for (const passengerId of available_service.passenger_ids) {
-        const priceLabelTestId = `price-label--${available_service.id}--${passengerId}`;
-        const priceLabel = getByTestId(priceLabelTestId);
-        expect(priceLabel.textContent).toBe("40 Duffel house points");
-
-        const addButtonTestId = `counter--${available_service.id}--${passengerId}-plus`;
-        const addBaggageButton = getByTestId(addButtonTestId);
-        fireEvent.click(addBaggageButton);
-      }
-    }
-
-    // Price should now have been updated.
-    expect(totalPriceLabel.textContent).toBe("+ 80 Duffel house points");
-
-    fireEvent.click(getByTestId("confirm-selection-for-baggage"));
-    expect(getByText(/2 bags added for 80 Duffel house points/i));
-
-    /**
-     * Now, select seats.
-     */
-
-    const seatCard = getByTitle("Select seats");
-    fireEvent.click(seatCard);
-
-    fireEvent.click(getByTestId("seat-28E"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28F"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28E"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    fireEvent.click(getByTestId("seat-28F"));
-    fireEvent.click(getByTestId("confirm-selection-for-seats"));
-
-    expect(getByText(/4 seats selected for 40 Duffel house points/i));
-
-    /**
-     * Now, select CFAR.
-     */
-
-    const cfarCard = getByTitle("Add cancel for any reason");
-    fireEvent.click(cfarCard);
-
-    fireEvent.click(getByTestId("confirm-selection-for-cfar"));
-
-    expect(getByText(/Your trip is protected for 100 Duffel house points/i));
-
-    // The component is always called at least once
-    // when the state is set with an offer.
-    expect(onPayloadReady).toBeCalledTimes(4);
-  });
-});

package/src/tests/lib/createPriceFormatters.test.tsx

@@ -1,152 +0,0 @@
-import { createPriceFormatters } from "../../lib/createPriceFormatters";
-
-describe("createPriceFormatters", () => {
-  it("should return an empty object if neither markup nor priceFormatters are supplied", () => {
-    const formatters = createPriceFormatters(undefined, undefined);
-    expect(formatters).toEqual({});
-  });
-
-  it("should return an empty object if both markup and priceFormatters are empty", () => {
-    const formatters = createPriceFormatters({}, {});
-    expect(formatters).toEqual({});
-  });
-
-  it("should convert the markup into a price formatter for bags", () => {
-    const markup = {
-      rate: 0.1,
-      amount: 100,
-    };
-
-    const formatters = createPriceFormatters({ bags: markup }, {});
-
-    // Force unwrap the price formatter and use 'any' to avoid type errors.
-    // We know this is safe because we created the function right above this.
-    const formattedPrice = formatters.bags!(100, "GBP", {} as any);
-
-    /**
-     * Note: This test is also confirming that we apply the rate, followed by
-     * the amount, rather than the other way around.
-     * For example, if we applied the amount first, the result would be 220.
-     */
-
-    const originalPrice = 100;
-    const expectedFormattedPrice =
-      originalPrice * (1 + markup.rate) + markup.amount;
-
-    expect(formattedPrice).toEqual({
-      amount: expectedFormattedPrice,
-      currency: "GBP",
-    });
-
-    expect(formatters.seats).toBeUndefined();
-  });
-
-  it("should convert the markup into a price formatter for seats", () => {
-    const markup = {
-      rate: 0.1,
-      amount: 100,
-    };
-
-    const formatters = createPriceFormatters({ seats: markup }, {});
-
-    // Force unwrap the price formatter and use 'any' to avoid type errors.
-    // We know this is safe because we created the function right above this.
-    const formattedPrice = formatters.seats!(100, "GBP", {} as any);
-
-    const originalPrice = 100;
-    const expectedFormattedPrice =
-      originalPrice * (1 + markup.rate) + markup.amount;
-
-    expect(formattedPrice).toEqual({
-      amount: expectedFormattedPrice,
-      currency: "GBP",
-    });
-    expect(formatters.bags).toBeUndefined();
-  });
-
-  it("should convert the markup into a price formatter for both bags and seats", () => {
-    const formatters = createPriceFormatters(
-      {
-        bags: {
-          rate: 0.5,
-          amount: 1,
-        },
-        seats: {
-          rate: 0.1,
-          amount: 100,
-        },
-      },
-      undefined
-    );
-
-    // Force unwrap the price formatter and use 'any' to avoid type errors.
-    // We know this is safe because we created the function right above this.
-    const formattedPriceForBags = formatters.bags!(100, "GBP", {} as any);
-    expect(formattedPriceForBags).toEqual({ amount: 151, currency: "GBP" });
-
-    const formattedPriceForSeats = formatters.seats!(100, "GBP", {} as any);
-    expect(formattedPriceForSeats).toEqual({ amount: 210, currency: "GBP" });
-  });
-
-  it("should pass through pre-defined priceFormatters unchanged", () => {
-    const priceFormatters = {
-      bags: (amount: number) => ({ amount: amount + 100 }),
-      seats: (amount: number) => ({ amount: amount + 200 }),
-    };
-
-    const formatters = createPriceFormatters(undefined, priceFormatters);
-
-    // Pass the same arguments to both the priceFormatters and the formatters
-    // to ensure they're the same functions.
-    expect(formatters.bags!(100, "GBP", {} as any)).toEqual(
-      priceFormatters.bags(100)
-    );
-    expect(formatters.seats!(100, "GBP", {} as any)).toEqual(
-      priceFormatters.seats(100)
-    );
-  });
-
-  it("should allow markup and priceFormatters to be mixed if they're for different services", () => {
-    const markup = {
-      bags: {
-        rate: 0.1,
-        amount: 100,
-      },
-    };
-
-    const priceFormatters = {
-      seats: (amount: number) => ({ amount: amount + 100 }),
-    };
-
-    const formatters = createPriceFormatters(markup, priceFormatters);
-
-    expect(formatters.bags!(100, "GBP", {} as any)).toEqual({
-      amount: 210,
-      currency: "GBP",
-    });
-    expect(formatters.seats!(100, "GBP", {} as any)).toEqual(
-      priceFormatters.seats(100)
-    );
-  });
-
-  it("should throw when both markup and priceFormatters are supplied", () => {
-    expect(() => {
-      createPriceFormatters(
-        {
-          bags: {
-            rate: 0.1,
-            amount: 100,
-          },
-          seats: {
-            rate: 0.2,
-            amount: 100,
-          },
-        },
-        {
-          bags: () => ({ amount: 100 }),
-          seats: () => ({ amount: 100 }),
-        }
-      );
-    }).toThrowError();
-  });
-});

package/src/tests/lib/formatAvailableServices.test.tsx

@@ -1,79 +0,0 @@
-import { formatAvailableServices } from "../../lib/formatAvailableServices";
-import { OfferAvailableServiceBaggage } from "../../types/Offer";
-
-/* eslint-disable @typescript-eslint/no-var-requires */
-const offer = require("../../fixtures/offers/off_1.json");
-/* eslint-enable @typescript-eslint/no-var-requires */
-
-describe("formatAvailableServices", () => {
-  it("should return the offer unchanged if no formatters are passed in", () => {
-    const result = formatAvailableServices(offer);
-    expect(result).toBe(offer);
-  });
-
-  it("should return the offer unchanged if the formatters are empty", () => {
-    const result = formatAvailableServices(offer, {});
-    expect(result).toEqual(offer);
-  });
-
-  it("should transform the price and currency of available services correctly", () => {
-    const result = formatAvailableServices(offer, {
-      bags: () => ({ amount: 100, currency: "Duffel points" }),
-      cancel_for_any_reason: () => ({ amount: 200, currency: "Duffel points" }),
-    });
-    expect(result.available_services[0].total_amount).toBe("100");
-    expect(result.available_services[0].total_currency).toBe("Duffel points");
-
-    expect(result.available_services[2].total_amount).toBe("200");
-    expect(result.available_services[2].total_currency).toBe("Duffel points");
-  });
-
-  it("should throw if more than one currency is used", () => {
-    const mockAvailableService = {
-      type: "baggage",
-      total_amount: "100",
-      total_currency: "GBP",
-      maximum_quantity: 1,
-      passenger_ids: [],
-      segment_ids: [],
-      metadata: {
-        type: "checked",
-        maximum_depth_cm: 25,
-        maximum_height_cm: 55,
-        maximum_length_cm: 35,
-        maximum_weight_kg: 23,
-      },
-    };
-
-    const availableServicesWithDifferentCurrencies: OfferAvailableServiceBaggage[] =
-      [
-        {
-          ...mockAvailableService,
-          id: "1",
-        } as OfferAvailableServiceBaggage,
-        {
-          ...mockAvailableService,
-          id: "2",
-        } as OfferAvailableServiceBaggage,
-      ];
-
-    expect(() => {
-      formatAvailableServices(
-        {
-          ...offer,
-          available_services: availableServicesWithDifferentCurrencies,
-        },
-        {
-          bags: (amount, _currency, service) => {
-            return {
-              amount,
-              // Change the currency for each service,
-              // so that the function throws.
-              currency: service.id === "1" ? "GBP" : "USD",
-            };
-          },
-        }
-      );
-    }).toThrow();
-  });
-});

package/src/tests/lib/formatSeatMaps.test.tsx

@@ -1,49 +0,0 @@
-import { formatSeatMaps } from "../../lib/formatSeatMaps";
-import { getFirstSeatElementMatchingCriteria } from "../../lib/getFirstSeatElementMatchingCriteria";
-import { SeatMapCabinRowSectionElementSeat } from "../../types/SeatMap";
-
-/* eslint-disable @typescript-eslint/no-var-requires */
-const seatMaps = require("../../fixtures/seat-maps/off_1.json");
-/* eslint-enable @typescript-eslint/no-var-requires */
-
-describe("formatSeatMaps", () => {
-  it("should return the seat maps unchanged if no formatter is passed in", () => {
-    const result = formatSeatMaps(seatMaps);
-    expect(result).toBe(seatMaps);
-  });
-
-  it("should format seat maps price and currency correctly", () => {
-    const result = formatSeatMaps(seatMaps, () => ({
-      amount: 100,
-      currency: "Duffel points",
-    }));
-    const firstElementWithServices = getFirstSeatElementMatchingCriteria(
-      result,
-      (element) =>
-        element.type === "seat" && element.available_services.length > 0
-    ) as SeatMapCabinRowSectionElementSeat;
-
-    expect(firstElementWithServices?.available_services[0].total_amount).toBe(
-      "100"
-    );
-    expect(firstElementWithServices?.available_services[0].total_currency).toBe(
-      "Duffel points"
-    );
-  });
-
-  it("should throw if more than one currency is used", () => {
-    expect(() => {
-      // Keep track of how many times the function has been called.
-      // It's a basic hack to simulate different currencies being used,
-      // causing the error to be thrown.
-      let numberOfCalls = 0;
-      formatSeatMaps(seatMaps, () => {
-        numberOfCalls++;
-        return {
-          amount: 100,
-          currency: numberOfCalls % 2 === 0 ? "GBP" : "USD",
-        };
-      });
-    }).toThrow();
-  });
-});

package/src/tests/lib/getCurrencyForServices.test.tsx

@@ -1,44 +0,0 @@
-import { getCurrencyForServices } from "../../lib/getCurrencyForServices";
-import { Offer } from "../../types/Offer";
-
-describe("getCurrencyForServices", () => {
-  it("should return GBP when the first service has that currency", () => {
-    const offer = {
-      available_services: [
-        {
-          type: "baggage",
-          total_currency: "GBP",
-        },
-        {
-          type: "baggage",
-          total_currency: "USD",
-        },
-      ],
-    };
-    expect(getCurrencyForServices(offer as Offer, "baggage")).toEqual("GBP");
-  });
-
-  it("should throw when there are no available services", () => {
-    const offer = {
-      available_services: [],
-    };
-    // Using 'any' here because we want to test the error message, not the type.
-    expect(() => getCurrencyForServices(offer as any, "baggage")).toThrow();
-  });
-
-  it("should throw when there are no available services matching the type requested", () => {
-    const offer = {
-      available_services: [
-        {
-          type: "seat",
-          total_currency: "GBP",
-        },
-        {
-          type: "seat",
-          total_currency: "GBP",
-        },
-      ],
-    };
-    expect(() => getCurrencyForServices(offer as Offer, "baggage")).toThrow();
-  });
-});