@times-components/ts-components 1.145.1-76ee0965069e2a17bc1f8dcf02d24e8fefd6869a.0 → 1.145.1-7e7a12feaf05c514789e802bf49cadca92e6a2b9.10

package/dist/components/trip-cards/TripCards.stories.js

@@ -0,0 +1,189 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { TripCards } from './index';
+import styled from 'styled-components';
+const spacing = (multiplier) => `${multiplier * 8}px`;
+const breakpoints = {
+    medium: 768,
+    wide: 1024
+};
+const InteractiveContainer = styled.div `
+  position: relative;
+  margin-bottom: ${spacing(4)};
+  padding: 0 ${spacing(2)};
+
+  @media (min-width: ${breakpoints.medium}px) {
+    width: 80.8%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
+  }
+
+  @media (min-width: ${breakpoints.wide}px) {
+    width: 56.2%;
+  }
+`;
+storiesOf('Typescript Component/TripCards', module)
+    .add('Channel View Two Cards', () => (React.createElement(TripCards, { element: {
+        class: 'trip-cards',
+        tripcards: btoa(JSON.stringify([2074350, 2140335])),
+        title: 'Similar cruises',
+        titleurl: 'https://www.thetimes.com/travel/holidays',
+        description: 'Brought to you by Times Holidays'
+    }, useMockData: true, widthContainerConfig: {
+        mobile: '390px',
+        tablet: '728px',
+        desktop: '984px',
+        xl: '1144px'
+    } })))
+    .add('Channel View Three Cards', () => (React.createElement(TripCards, { element: {
+        class: 'trip-cards',
+        tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
+        title: 'Featured Voyages',
+        titleurl: 'https://www.thetimes.com/travel/holidays',
+        description: 'Handpicked by our travel experts'
+    }, forceStaticGrid: true, maxWidthItemConfig: {
+        mobile: '320px',
+        tablet: '320px',
+        desktop: '314px',
+        xl: '368px'
+    }, widthContainerConfig: {
+        mobile: '390px',
+        tablet: '728px',
+        desktop: '984px',
+        xl: '1144px'
+    }, imgHeight: {
+        $heightXs: '153px',
+        $heightSm: '213px',
+        $heightMd: '213px',
+        $heightLg: '210px',
+        $heightXl: '245px'
+    }, useMockData: true })))
+    .add('Article View Two Trip Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: {
+            $heightXs: '153px',
+            $heightSm: '213px',
+            $heightMd: '173px',
+            $heightLg: '173px',
+            $heightXl: '200px'
+        } }))))
+    .add('Article View Three Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: {
+            $heightXs: '153px',
+            $heightSm: '213px',
+            $heightMd: '213px',
+            $heightLg: '173px',
+            $heightXl: '200px'
+        } }))))
+    .add('Article View Two Trip Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: {
+            $heightXs: '153px',
+            $heightSm: '213px',
+            $heightMd: '173px',
+            $heightLg: '173px',
+            $heightXl: '200px'
+        } }))))
+    .add('Article View Trip Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: {
+            $heightXs: '153px',
+            $heightSm: '213px',
+            $heightMd: '173px',
+            $heightLg: '173px',
+            $heightXl: '200px'
+        } }))))
+    .add('Article View Six Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([
+                2074350,
+                2140335,
+                2177685,
+                2074351,
+                2140336,
+                2177686
+            ])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: {
+            $heightXs: '153px',
+            $heightSm: '213px',
+            $heightMd: '173px',
+            $heightLg: '173px',
+            $heightXl: '200px'
+        } }))));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL1RyaXBDYXJkcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxVQUFrQixFQUFFLEVBQUUsQ0FBQyxHQUFHLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQztBQUU5RCxNQUFNLFdBQVcsR0FBRztJQUNsQixNQUFNLEVBQUUsR0FBRztJQUNYLElBQUksRUFBRSxJQUFJO0NBQ1gsQ0FBQztBQUVGLE1BQU0sb0JBQW9CLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7bUJBRXBCLE9BQU8sQ0FBQyxDQUFDLENBQUM7ZUFDZCxPQUFPLENBQUMsQ0FBQyxDQUFDOzt1QkFFRixXQUFXLENBQUMsTUFBTTs7Ozs7Ozt1QkFPbEIsV0FBVyxDQUFDLElBQUk7OztDQUd0QyxDQUFDO0FBRUYsU0FBUyxDQUFDLGdDQUFnQyxFQUFFLE1BQU0sQ0FBQztLQUNoRCxHQUFHLENBQUMsd0JBQXdCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDbkMsb0JBQUMsU0FBUyxJQUNSLE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRSxZQUFZO1FBQ25CLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO1FBQ25ELEtBQUssRUFBRSxpQkFBaUI7UUFDeEIsUUFBUSxFQUFFLDBDQUEwQztRQUNwRCxXQUFXLEVBQUUsa0NBQWtDO0tBQ2hELEVBQ0Qs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

package/dist/components/trip-cards/TripCardsLayout.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TripCardsLayoutProps } from './types';
+export declare const TripCardsLayout: FC<TripCardsLayoutProps>;

package/dist/components/trip-cards/TripCardsLayout.js

@@ -0,0 +1,37 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { CarouselComponent, CarouselItem } from '../carousel-component';
+import { Container, TitleSection, TitleBar, TitleContent, Title, Subtitle, TitleLink, StaticCardsGrid } from './styles';
+import { ChevronRightIcon } from './assets';
+export const TripCardsLayout = ({ element, items, CardComponent, itemsPerPage, widthContainerConfig = {}, widthItemConfig, maxWidthItemConfig, imgHeight, forceStaticGrid }) => {
+    const { titleurl, title, description } = element;
+    const gridRef = useRef(null);
+    const [hasOverflow, setHasOverflow] = useState(false);
+    const [isTabletMobile, setIsTabletMobile] = useState(false);
+    const isStaticGrid = items.length === 2 || forceStaticGrid;
+    useEffect(() => {
+        const checkScreenAndOverflow = () => {
+            setIsTabletMobile(window.innerWidth <= 768);
+            if (isStaticGrid && gridRef.current) {
+                const isOverflowing = gridRef.current.scrollWidth > gridRef.current.clientWidth;
+                setHasOverflow(isOverflowing);
+            }
+        };
+        checkScreenAndOverflow();
+        window.addEventListener('resize', checkScreenAndOverflow);
+        return () => window.removeEventListener('resize', checkScreenAndOverflow);
+    }, [items, isStaticGrid]);
+    const shouldUseCarousel = (isTabletMobile && items.length >= 3) || (!isStaticGrid || hasOverflow);
+    return (React.createElement(Container, Object.assign({ "data-testid": "trip-cards-container" }, widthContainerConfig),
+        React.createElement(TitleSection, { "data-testid": "title-section" },
+            React.createElement(TitleBar, { "data-testid": "title-bar" },
+                React.createElement(TitleContent, { "data-testid": "title-content" },
+                    React.createElement(Title, { "data-testid": "trip-cards-title" }, title),
+                    React.createElement(Subtitle, { "data-testid": "trip-cards-subtitle" }, description)),
+                titleurl && (React.createElement(TitleLink, { href: titleurl, target: "_blank", rel: "noopener noreferrer", "data-testid": "title-link" },
+                    React.createElement(ChevronRightIcon, null))))),
+        !shouldUseCarousel ? (React.createElement(StaticCardsGrid, { "data-testid": "static-cards-grid", ref: gridRef }, items.map(item => (React.createElement(CardComponent, { imgHeight: imgHeight, key: item.id, card: item.data, isStaticGrid: true }))))) : (React.createElement(CarouselComponent, { items: items.map(item => (React.createElement(CarouselItem, { key: item.id, widthItemConfig: widthItemConfig, maxWidthItemConfig: maxWidthItemConfig },
+                React.createElement(CardComponent, { card: item.data, imgHeight: imgHeight })))), options: {
+                itemsPerPage
+            }, showArrows: !isStaticGrid, showDots: true }))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9UcmlwQ2FyZHNMYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQU0sTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFFBQVEsRUFDUixZQUFZLEVBQ1osS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFNUMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUE2QixDQUFDLEVBQ3hELE9BQU8sRUFDUCxLQUFLLEVBQ0wsYUFBYSxFQUNiLFlBQVksRUFDWixvQkFBb0IsR0FBRyxFQUFFLEVBQ3pCLGVBQWUsRUFDZixrQkFBa0IsRUFDbEIsU0FBUyxFQUNULGVBQWUsRUFDaEIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEdBQUcsT0FBTyxDQUFDO0lBQ2pELE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDN0MsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEQsTUFBTSxDQUFDLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUU1RCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxlQUFlLENBQUM7SUFFM0QsU0FB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

package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/trip-cards/__tests__/SkeletonCard.test.js

@@ -0,0 +1,139 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { SkeletonCard } from '../SkeletonCard';
+describe('SkeletonCard', () => {
+    it('renders without crashing', () => {
+        const { container } = render(React.createElement(SkeletonCard, null));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('renders placeholder image', () => {
+        render(React.createElement(SkeletonCard, null));
+        const imageContainer = screen.getByTestId('skeleton-image-container');
+        expect(imageContainer).toBeInTheDocument();
+    });
+    it('renders skeleton headline', () => {
+        render(React.createElement(SkeletonCard, null));
+        const skeletonHeadline = screen.getByTestId('skeleton-headline');
+        expect(skeletonHeadline).toBeInTheDocument();
+    });
+    it('renders four skeleton data points in the list', () => {
+        render(React.createElement(SkeletonCard, null));
+        const dataPoints = [
+            screen.getByTestId('skeleton-data-point-1'),
+            screen.getByTestId('skeleton-data-point-2'),
+            screen.getByTestId('skeleton-data-point-3'),
+            screen.getByTestId('skeleton-data-point-4')
+        ];
+        expect(dataPoints.length).toBe(4);
+    });
+    it('renders skeleton lines for data points', () => {
+        render(React.createElement(SkeletonCard, null));
+        const skeletonLines = [
+            screen.getByTestId('skeleton-line-1'),
+            screen.getByTestId('skeleton-line-2'),
+            screen.getByTestId('skeleton-line-3'),
+            screen.getByTestId('skeleton-line-4'),
+            screen.getByTestId('skeleton-price-label')
+        ];
+        expect(skeletonLines.length).toBe(5);
+    });
+    it('renders skeleton price', () => {
+        render(React.createElement(SkeletonCard, null));
+        const skeletonPrice = screen.getByTestId('skeleton-price');
+        expect(skeletonPrice).toBeInTheDocument();
+    });
+    it('renders skeleton button', () => {
+        render(React.createElement(SkeletonCard, null));
+        const skeletonButton = screen.getByTestId('skeleton-button');
+        expect(skeletonButton).toBeInTheDocument();
+    });
+    it('has correct card structure', () => {
+        render(React.createElement(SkeletonCard, null));
+        const cardContainer = screen.getByTestId('skeleton-card-container');
+        const cardContent = screen.getByTestId('skeleton-card-content');
+        const topContainer = screen.getByTestId('skeleton-top-container');
+        const bottomContainer = screen.getByTestId('skeleton-bottom-container');
+        expect(cardContainer).toBeInTheDocument();
+        expect(cardContent).toBeInTheDocument();
+        expect(topContainer).toBeInTheDocument();
+        expect(bottomContainer).toBeInTheDocument();
+    });
+    it('renders price section with container', () => {
+        render(React.createElement(SkeletonCard, null));
+        const priceSection = screen.getByTestId('skeleton-price-section');
+        const priceContainer = screen.getByTestId('skeleton-price-container');
+        expect(priceSection).toBeInTheDocument();
+        expect(priceContainer).toBeInTheDocument();
+    });
+    it('renders data points list', () => {
+        render(React.createElement(SkeletonCard, null));
+        const dataPointsList = screen.getByTestId('skeleton-data-points-list');
+        expect(dataPointsList).toBeInTheDocument();
+    });
+    it('skeleton lines are rendered for each data point', () => {
+        render(React.createElement(SkeletonCard, null));
+        const skeletonLines = [
+            screen.getByTestId('skeleton-line-1'),
+            screen.getByTestId('skeleton-line-2'),
+            screen.getByTestId('skeleton-line-3'),
+            screen.getByTestId('skeleton-line-4'),
+            screen.getByTestId('skeleton-price-label')
+        ];
+        expect(skeletonLines.length).toBe(5);
+    });
+    it('renders with correct skeleton styling', () => {
+        render(React.createElement(SkeletonCard, null));
+        expect(screen.getByTestId('skeleton-headline')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-price')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-button')).toBeInTheDocument();
+        // Check that skeleton lines are present
+        expect(screen.getByTestId('skeleton-line-1')).toBeInTheDocument();
+    });
+    it('renders consistent structure', () => {
+        render(React.createElement(SkeletonCard, null));
+        expect(screen.getByTestId('skeleton-card-container')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-image-container')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-card-content')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-top-container')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-bottom-container')).toBeInTheDocument();
+    });
+    it('can render multiple skeleton cards', () => {
+        render(React.createElement(React.Fragment, null,
+            React.createElement(SkeletonCard, null),
+            React.createElement(SkeletonCard, null),
+            React.createElement(SkeletonCard, null)));
+        const cards = screen.getAllByTestId('skeleton-card-container');
+        expect(cards.length).toBe(3);
+    });
+    it('renders skeleton elements in correct order', () => {
+        render(React.createElement(SkeletonCard, null));
+        const cardContent = screen.getByTestId('skeleton-card-content');
+        const topContainer = screen.getByTestId('skeleton-top-container');
+        const bottomContainer = screen.getByTestId('skeleton-bottom-container');
+        // Verify both containers exist as children of card content
+        expect(cardContent.contains(topContainer)).toBe(true);
+        expect(cardContent.contains(bottomContainer)).toBe(true);
+    });
+    it('skeleton button has correct structure', () => {
+        render(React.createElement(SkeletonCard, null));
+        const skeletonButton = screen.getByTestId('skeleton-button');
+        expect(skeletonButton.tagName.toLowerCase()).toBe('div');
+    });
+    it('skeleton lines have correct width props', () => {
+        render(React.createElement(SkeletonCard, null));
+        // Check that the skeleton lines are rendered
+        expect(screen.getByTestId('skeleton-line-1')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-line-2')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-line-3')).toBeInTheDocument();
+        expect(screen.getByTestId('skeleton-line-4')).toBeInTheDocument();
+    });
+    it('renders without any interactive elements', () => {
+        const { container } = render(React.createElement(SkeletonCard, null));
+        const buttons = container.querySelectorAll('button');
+        const links = container.querySelectorAll('a');
+        expect(buttons.length).toBe(0);
+        expect(links.length).toBe(0);
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b25DYXJkLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL19fdGVzdHNfXy9Ta2VsZXRvbkNhcmQudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsUUFBUSxDQUFDLGNBQWMsRUFBRSxHQUFHLEVBQUU7SUFDNUIsRUFBRSxDQUFDLDBCQUEwQixFQUFFLEdBQUcsRUFBRTtRQUNsQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUFDLG9CQUFDLFlBQVksT0FBRyxDQUFDLENBQUM7UUFDL0MsTUFBTSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDJCQUEyQixFQUFFLEdBQUcsRUFBRTtRQUNuQyxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUN6QixNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDdEUsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0MsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMkJBQTJCLEVBQUUsR0FBRyxFQUFFO1FBQ25DLE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ2pFLE1BQU0sQ0FBQyxnQkFB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

package/dist/components/trip-cards/__tests__/TripCard.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/trip-cards/__tests__/TripCard.test.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { TripCard } from '../TripCard';
+const mockCard = {
+    cruise_id: '2074350',
+    image: 'https://example.com/image.jpg',
+    headline: 'Mediterranean from Barcelona',
+    date: 'Oct 2025 - Oct 2025',
+    duration: 'Seven Days',
+    route: 'Barcelona → Marseille',
+    ship: 'MSC Seaside',
+    price: '£2000',
+    logo: 'https://example.com/logo.png',
+    logo_url: 'https://example.com',
+    cta_url: 'https://example.com/cruise',
+    cta_text: 'View Itinerary'
+};
+describe('TripCard', () => {
+    it('renders card with all required data', () => {
+        render(React.createElement(TripCard, { card: mockCard }));
+        expect(screen.getByText('Mediterranean from Barcelona')).toBeInTheDocument();
+        expect(screen.getByText('Oct 2025 - Oct 2025')).toBeInTheDocument();
+        expect(screen.getByText('Seven Days')).toBeInTheDocument();
+        expect(screen.getByText('Barcelona → Marseille')).toBeInTheDocument();
+        expect(screen.getByText('MSC Seaside')).toBeInTheDocument();
+        expect(screen.getByText('£2000')).toBeInTheDocument();
+        expect(screen.getByText('From')).toBeInTheDocument();
+        expect(screen.getByText('View Itinerary')).toBeInTheDocument();
+    });
+    it('renders image with correct src and alt', () => {
+        render(React.createElement(TripCard, { card: mockCard }));
+        const image = screen.getByAltText('Mediterranean from Barcelona');
+        expect(image).toHaveAttribute('src', 'https://example.com/image.jpg');
+    });
+    it('renders offer label when provided', () => {
+        const cardWithOffer = {
+            ...mockCard,
+            offer_label: 'Special Offer'
+        };
+        render(React.createElement(TripCard, { card: cardWithOffer }));
+        expect(screen.getByText('Special Offer')).toBeInTheDocument();
+    });
+    it('renders gift banner when provided', () => {
+        const cardWithGift = {
+            ...mockCard,
+            gift_banner: 'Free gift with purchase'
+        };
+        render(React.createElement(TripCard, { card: cardWithGift }));
+        expect(screen.getByText('Free gift with purchase')).toBeInTheDocument();
+    });
+    it('renders original price when provided', () => {
+        const cardWithOriginalPrice = {
+            ...mockCard,
+            original_price: '£2500'
+        };
+        render(React.createElement(TripCard, { card: cardWithOriginalPrice }));
+        expect(screen.getByText('£2500')).toBeInTheDocument();
+    });
+    it('does not render "From" when price is "Enquire now"', () => {
+        const cardWithEnquire = {
+            ...mockCard,
+            price: 'Enquire now'
+        };
+        render(React.createElement(TripCard, { card: cardWithEnquire }));
+        expect(screen.queryByText('From')).not.toBeInTheDocument();
+        expect(screen.getByText('Enquire now')).toBeInTheDocument();
+    });
+    it('renders all CTA links with correct href and target', () => {
+        render(React.createElement(TripCard, { card: mockCard }));
+        const links = screen.getAllByRole('link');
+        const imageLink = links[0];
+        const headlineLink = links[1];
+        const ctaButton = screen.getByText('View Itinerary').closest('a');
+        expect(imageLink).toHaveAttribute('href', 'https://example.com/cruise');
+        expect(imageLink).toHaveAttribute('target', '_blank');
+        expect(headlineLink).toHaveAttribute('href', 'https://example.com/cruise');
+        expect(ctaButton).toHaveAttribute('href', 'https://example.com/cruise');
+    });
+    it('renders logo with link when provided', () => {
+        render(React.createElement(TripCard, { card: mockCard }));
+        const logoLink = screen.getByRole('link', { name: /partner logo/i });
+        expect(logoLink).toHaveAttribute('href', 'https://example.com');
+        const logoImg = screen.getByAltText('Partner logo');
+        expect(logoImg).toHaveAttribute('src', 'https://example.com/logo.png');
+    });
+    it('shows card image after it loads', () => {
+        render(React.createElement(TripCard, { card: mockCard }));
+        const cardImage = screen.getByAltText('Mediterranean from Barcelona');
+        expect(cardImage).toHaveStyle({ display: 'none' });
+        fireEvent.load(cardImage);
+        expect(cardImage).toHaveStyle({ display: 'block' });
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RyaXAtY2FyZHMvX190ZXN0c19fL1RyaXBDYXJkLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNuRSxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFHdkMsTUFBTSxRQUFRLEdBQW9CO0lBQ2hDLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLEtBQUssRUFBRSwrQkFBK0I7SUFDdEMsUUFBUSxFQUFFLDhCQUE4QjtJQUN4QyxJQUFJLEVBQUUscUJBQXFCO0lBQzNCLFFBQVEsRUFBRSxZQUFZO0lBQ3RCLEtBQUssRUFBRSx1QkFBdUI7SUFDOUIsSUFBSSxFQUFFLGFBQWE7SUFDbkIsS0FBSyxFQUFFLE9BQU87SUFDZCxJQUFJLEVBQUUsOEJBQThCO0lBQ3BDLFFBQVEsRUFBRSxxQkFBcUI7SUFDL0IsT0FBTyxFQUFFLDRCQUE0QjtJQUNyQyxRQUFRLEVBQUUsZ0JBQWdCO0NBQzNCLENBQUM7QUFFRixRQUFRLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRTtJQUN4QixFQUFFLENBQUMscUNBQXFDLEVBQUUsR0FBRyxFQUFFO1FBQzdDLE1BQU0sQ0FBQyxvQkFBQyxRQUFRLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUFDLENBQUM7UUFFckMsTUFBTSxDQUNKLE1BQU0sQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUMsQ0FDakQsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFD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

package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';