@times-components/ts-components 1.146.2-a0ffbb6bc2acbec91d140a39f6be06256e702094.5 → 1.146.2-c12ed7999a41984c2ba8c437357e7a5df1914881.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/carousel-component/CarouselComponent.stories.d.ts +1 -0
- package/dist/components/carousel-component/CarouselComponent.stories.js +146 -0
- package/dist/components/carousel-component/CarouselItem.d.ts +3 -0
- package/dist/components/carousel-component/CarouselItem.js +12 -0
- package/dist/components/carousel-component/DefaultNavigationArrow.d.ts +8 -0
- package/dist/components/carousel-component/DefaultNavigationArrow.js +6 -0
- package/dist/components/carousel-component/DefaultPageDot.d.ts +8 -0
- package/dist/components/carousel-component/DefaultPageDot.js +4 -0
- package/dist/components/carousel-component/__tests__/CarouselComponent.test.d.ts +1 -0
- package/dist/components/carousel-component/__tests__/CarouselComponent.test.js +163 -0
- package/dist/components/carousel-component/__tests__/CarouselItem.test.d.ts +1 -0
- package/dist/components/carousel-component/__tests__/CarouselItem.test.js +80 -0
- package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.d.ts +1 -0
- package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js +62 -0
- package/dist/components/carousel-component/__tests__/DefaultPageDot.test.d.ts +1 -0
- package/dist/components/carousel-component/__tests__/DefaultPageDot.test.js +68 -0
- package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.d.ts +1 -0
- package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.js +459 -0
- package/dist/components/carousel-component/hooks/useCarousel.d.ts +2 -0
- package/dist/components/carousel-component/hooks/useCarousel.js +167 -0
- package/dist/components/carousel-component/index.d.ts +4 -0
- package/dist/components/carousel-component/index.js +20 -0
- package/dist/components/carousel-component/styles.d.ts +28 -0
- package/dist/components/carousel-component/styles.js +172 -0
- package/dist/components/carousel-component/types.d.ts +53 -0
- package/dist/components/carousel-component/types.js +2 -0
- package/dist/components/social-embed/SocialMediaEmbed.js +15 -122
- package/dist/components/social-embed/SocialVendor.d.ts +16 -1
- package/dist/components/social-embed/SocialVendor.js +2 -41
- package/dist/components/social-embed/__tests__/SocialVendor.test.js +1 -8
- package/dist/components/social-embed/constants.d.ts +0 -1
- package/dist/components/social-embed/constants.js +2 -3
- package/dist/components/social-embed/helpers/socialMediaVendors.js +1 -6
- package/dist/components/social-embed/styles.d.ts +0 -1
- package/dist/components/social-embed/styles.js +1 -28
- package/dist/components/trip-cards/SkeletonCard.d.ts +7 -0
- package/dist/components/trip-cards/SkeletonCard.js +22 -0
- package/dist/components/trip-cards/TripCard.d.ts +3 -0
- package/dist/components/trip-cards/TripCard.js +61 -0
- package/dist/components/trip-cards/TripCards.stories.d.ts +1 -0
- package/dist/components/trip-cards/TripCards.stories.js +159 -0
- package/dist/components/trip-cards/TripCardsLayout.d.ts +3 -0
- package/dist/components/trip-cards/TripCardsLayout.js +63 -0
- package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/SkeletonCard.test.js +139 -0
- package/dist/components/trip-cards/__tests__/TripCard.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/TripCard.test.js +165 -0
- package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/TripCardsLayout.test.js +353 -0
- package/dist/components/trip-cards/__tests__/assets.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/assets.test.js +165 -0
- package/dist/components/trip-cards/__tests__/helpers.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/helpers.test.js +221 -0
- package/dist/components/trip-cards/__tests__/index.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/index.test.js +482 -0
- package/dist/components/trip-cards/__tests__/mockData.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/mockData.test.js +57 -0
- package/dist/components/trip-cards/__tests__/skeletonStyles.test.d.ts +1 -0
- package/dist/components/trip-cards/__tests__/skeletonStyles.test.js +194 -0
- package/dist/components/trip-cards/assets/BoatIcon.d.ts +1 -0
- package/dist/components/trip-cards/assets/BoatIcon.js +4 -0
- package/dist/components/trip-cards/assets/CalendarIcon.d.ts +1 -0
- package/dist/components/trip-cards/assets/CalendarIcon.js +4 -0
- package/dist/components/trip-cards/assets/ChevronRightIcon.d.ts +1 -0
- package/dist/components/trip-cards/assets/ChevronRightIcon.js +4 -0
- package/dist/components/trip-cards/assets/LocationIcon.d.ts +1 -0
- package/dist/components/trip-cards/assets/LocationIcon.js +4 -0
- package/dist/components/trip-cards/assets/MoonIcon.d.ts +1 -0
- package/dist/components/trip-cards/assets/MoonIcon.js +4 -0
- package/dist/components/trip-cards/assets/index.d.ts +6 -0
- package/dist/components/trip-cards/assets/index.js +7 -0
- package/dist/components/trip-cards/helpers.d.ts +11 -0
- package/dist/components/trip-cards/helpers.js +144 -0
- package/dist/components/trip-cards/index.d.ts +4 -0
- package/dist/components/trip-cards/index.js +68 -0
- package/dist/components/trip-cards/mockData.d.ts +3 -0
- package/dist/components/trip-cards/mockData.js +317 -0
- package/dist/components/trip-cards/skeletonStyles.d.ts +9 -0
- package/dist/components/trip-cards/skeletonStyles.js +37 -0
- package/dist/components/trip-cards/styles.d.ts +43 -0
- package/dist/components/trip-cards/styles.js +404 -0
- package/dist/components/trip-cards/types.d.ts +121 -0
- package/dist/components/trip-cards/types.js +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -1
- package/dist/utils/cookie.d.ts +1 -0
- package/dist/utils/cookie.js +8 -1
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/carousel-component/CarouselComponent.stories.tsx +220 -0
- package/src/components/carousel-component/CarouselItem.tsx +26 -0
- package/src/components/carousel-component/DefaultNavigationArrow.tsx +37 -0
- package/src/components/carousel-component/DefaultPageDot.tsx +20 -0
- package/src/components/carousel-component/__tests__/CarouselComponent.test.tsx +259 -0
- package/src/components/carousel-component/__tests__/CarouselItem.test.tsx +140 -0
- package/src/components/carousel-component/__tests__/DefaultNavigationArrow.test.tsx +153 -0
- package/src/components/carousel-component/__tests__/DefaultPageDot.test.tsx +105 -0
- package/src/components/carousel-component/hooks/__tests__/useCarousel.test.ts +625 -0
- package/src/components/carousel-component/hooks/useCarousel.ts +229 -0
- package/src/components/carousel-component/index.tsx +92 -0
- package/src/components/carousel-component/styles.ts +188 -0
- package/src/components/carousel-component/types.ts +62 -0
- package/src/components/social-embed/SocialMediaEmbed.tsx +1 -111
- package/src/components/social-embed/SocialVendor.tsx +1 -46
- package/src/components/social-embed/__tests__/SocialVendor.test.tsx +0 -11
- package/src/components/social-embed/constants.ts +1 -2
- package/src/components/social-embed/helpers/socialMediaVendors.ts +0 -5
- package/src/components/social-embed/styles.ts +0 -30
- package/src/components/trip-cards/SkeletonCard.tsx +64 -0
- package/src/components/trip-cards/TripCard.tsx +172 -0
- package/src/components/trip-cards/TripCards.stories.tsx +224 -0
- package/src/components/trip-cards/TripCardsLayout.tsx +162 -0
- package/src/components/trip-cards/__tests__/SkeletonCard.test.tsx +169 -0
- package/src/components/trip-cards/__tests__/TripCard.test.tsx +255 -0
- package/src/components/trip-cards/__tests__/TripCardsLayout.test.tsx +671 -0
- package/src/components/trip-cards/__tests__/assets.test.tsx +206 -0
- package/src/components/trip-cards/__tests__/helpers.test.ts +273 -0
- package/src/components/trip-cards/__tests__/index.test.tsx +554 -0
- package/src/components/trip-cards/__tests__/mockData.test.ts +67 -0
- package/src/components/trip-cards/__tests__/skeletonStyles.test.tsx +256 -0
- package/src/components/trip-cards/assets/BoatIcon.tsx +17 -0
- package/src/components/trip-cards/assets/CalendarIcon.tsx +17 -0
- package/src/components/trip-cards/assets/ChevronRightIcon.tsx +20 -0
- package/src/components/trip-cards/assets/LocationIcon.tsx +17 -0
- package/src/components/trip-cards/assets/MoonIcon.tsx +17 -0
- package/src/components/trip-cards/assets/index.ts +7 -0
- package/src/components/trip-cards/helpers.ts +181 -0
- package/src/components/trip-cards/index.tsx +120 -0
- package/src/components/trip-cards/mockData.ts +345 -0
- package/src/components/trip-cards/skeletonStyles.ts +46 -0
- package/src/components/trip-cards/styles.ts +450 -0
- package/src/components/trip-cards/types.ts +130 -0
- package/src/index.ts +2 -0
- package/src/utils/cookie.ts +8 -0
- package/dist/components/social-embed/components/FacebookComponent.d.ts +0 -6
- package/dist/components/social-embed/components/FacebookComponent.js +0 -74
- package/src/components/social-embed/components/FacebookComponent.tsx +0 -93
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render, screen } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
import { SkeletonCard } from '../SkeletonCard';
|
|
5
|
+
describe('SkeletonCard', () => {
|
|
6
|
+
it('renders without crashing', () => {
|
|
7
|
+
const { container } = render(React.createElement(SkeletonCard, null));
|
|
8
|
+
expect(container.firstChild).toBeInTheDocument();
|
|
9
|
+
});
|
|
10
|
+
it('renders placeholder image', () => {
|
|
11
|
+
render(React.createElement(SkeletonCard, null));
|
|
12
|
+
const imageContainer = screen.getByTestId('skeleton-image-container');
|
|
13
|
+
expect(imageContainer).toBeInTheDocument();
|
|
14
|
+
});
|
|
15
|
+
it('renders skeleton headline', () => {
|
|
16
|
+
render(React.createElement(SkeletonCard, null));
|
|
17
|
+
const skeletonHeadline = screen.getByTestId('skeleton-headline');
|
|
18
|
+
expect(skeletonHeadline).toBeInTheDocument();
|
|
19
|
+
});
|
|
20
|
+
it('renders four skeleton data points in the list', () => {
|
|
21
|
+
render(React.createElement(SkeletonCard, null));
|
|
22
|
+
const dataPoints = [
|
|
23
|
+
screen.getByTestId('skeleton-data-point-1'),
|
|
24
|
+
screen.getByTestId('skeleton-data-point-2'),
|
|
25
|
+
screen.getByTestId('skeleton-data-point-3'),
|
|
26
|
+
screen.getByTestId('skeleton-data-point-4')
|
|
27
|
+
];
|
|
28
|
+
expect(dataPoints.length).toBe(4);
|
|
29
|
+
});
|
|
30
|
+
it('renders skeleton lines for data points', () => {
|
|
31
|
+
render(React.createElement(SkeletonCard, null));
|
|
32
|
+
const skeletonLines = [
|
|
33
|
+
screen.getByTestId('skeleton-line-1'),
|
|
34
|
+
screen.getByTestId('skeleton-line-2'),
|
|
35
|
+
screen.getByTestId('skeleton-line-3'),
|
|
36
|
+
screen.getByTestId('skeleton-line-4'),
|
|
37
|
+
screen.getByTestId('skeleton-price-label')
|
|
38
|
+
];
|
|
39
|
+
expect(skeletonLines.length).toBe(5);
|
|
40
|
+
});
|
|
41
|
+
it('renders skeleton price', () => {
|
|
42
|
+
render(React.createElement(SkeletonCard, null));
|
|
43
|
+
const skeletonPrice = screen.getByTestId('skeleton-price');
|
|
44
|
+
expect(skeletonPrice).toBeInTheDocument();
|
|
45
|
+
});
|
|
46
|
+
it('renders skeleton button', () => {
|
|
47
|
+
render(React.createElement(SkeletonCard, null));
|
|
48
|
+
const skeletonButton = screen.getByTestId('skeleton-button');
|
|
49
|
+
expect(skeletonButton).toBeInTheDocument();
|
|
50
|
+
});
|
|
51
|
+
it('has correct card structure', () => {
|
|
52
|
+
render(React.createElement(SkeletonCard, null));
|
|
53
|
+
const cardContainer = screen.getByTestId('skeleton-card-container');
|
|
54
|
+
const cardContent = screen.getByTestId('skeleton-card-content');
|
|
55
|
+
const topContainer = screen.getByTestId('skeleton-top-container');
|
|
56
|
+
const bottomContainer = screen.getByTestId('skeleton-bottom-container');
|
|
57
|
+
expect(cardContainer).toBeInTheDocument();
|
|
58
|
+
expect(cardContent).toBeInTheDocument();
|
|
59
|
+
expect(topContainer).toBeInTheDocument();
|
|
60
|
+
expect(bottomContainer).toBeInTheDocument();
|
|
61
|
+
});
|
|
62
|
+
it('renders price section with container', () => {
|
|
63
|
+
render(React.createElement(SkeletonCard, null));
|
|
64
|
+
const priceSection = screen.getByTestId('skeleton-price-section');
|
|
65
|
+
const priceContainer = screen.getByTestId('skeleton-price-container');
|
|
66
|
+
expect(priceSection).toBeInTheDocument();
|
|
67
|
+
expect(priceContainer).toBeInTheDocument();
|
|
68
|
+
});
|
|
69
|
+
it('renders data points list', () => {
|
|
70
|
+
render(React.createElement(SkeletonCard, null));
|
|
71
|
+
const dataPointsList = screen.getByTestId('skeleton-data-points-list');
|
|
72
|
+
expect(dataPointsList).toBeInTheDocument();
|
|
73
|
+
});
|
|
74
|
+
it('skeleton lines are rendered for each data point', () => {
|
|
75
|
+
render(React.createElement(SkeletonCard, null));
|
|
76
|
+
const skeletonLines = [
|
|
77
|
+
screen.getByTestId('skeleton-line-1'),
|
|
78
|
+
screen.getByTestId('skeleton-line-2'),
|
|
79
|
+
screen.getByTestId('skeleton-line-3'),
|
|
80
|
+
screen.getByTestId('skeleton-line-4'),
|
|
81
|
+
screen.getByTestId('skeleton-price-label')
|
|
82
|
+
];
|
|
83
|
+
expect(skeletonLines.length).toBe(5);
|
|
84
|
+
});
|
|
85
|
+
it('renders with correct skeleton styling', () => {
|
|
86
|
+
render(React.createElement(SkeletonCard, null));
|
|
87
|
+
expect(screen.getByTestId('skeleton-headline')).toBeInTheDocument();
|
|
88
|
+
expect(screen.getByTestId('skeleton-price')).toBeInTheDocument();
|
|
89
|
+
expect(screen.getByTestId('skeleton-button')).toBeInTheDocument();
|
|
90
|
+
// Check that skeleton lines are present
|
|
91
|
+
expect(screen.getByTestId('skeleton-line-1')).toBeInTheDocument();
|
|
92
|
+
});
|
|
93
|
+
it('renders consistent structure', () => {
|
|
94
|
+
render(React.createElement(SkeletonCard, null));
|
|
95
|
+
expect(screen.getByTestId('skeleton-card-container')).toBeInTheDocument();
|
|
96
|
+
expect(screen.getByTestId('skeleton-image-container')).toBeInTheDocument();
|
|
97
|
+
expect(screen.getByTestId('skeleton-card-content')).toBeInTheDocument();
|
|
98
|
+
expect(screen.getByTestId('skeleton-top-container')).toBeInTheDocument();
|
|
99
|
+
expect(screen.getByTestId('skeleton-bottom-container')).toBeInTheDocument();
|
|
100
|
+
});
|
|
101
|
+
it('can render multiple skeleton cards', () => {
|
|
102
|
+
render(React.createElement(React.Fragment, null,
|
|
103
|
+
React.createElement(SkeletonCard, null),
|
|
104
|
+
React.createElement(SkeletonCard, null),
|
|
105
|
+
React.createElement(SkeletonCard, null)));
|
|
106
|
+
const cards = screen.getAllByTestId('skeleton-card-container');
|
|
107
|
+
expect(cards.length).toBe(3);
|
|
108
|
+
});
|
|
109
|
+
it('renders skeleton elements in correct order', () => {
|
|
110
|
+
render(React.createElement(SkeletonCard, null));
|
|
111
|
+
const cardContent = screen.getByTestId('skeleton-card-content');
|
|
112
|
+
const topContainer = screen.getByTestId('skeleton-top-container');
|
|
113
|
+
const bottomContainer = screen.getByTestId('skeleton-bottom-container');
|
|
114
|
+
// Verify both containers exist as children of card content
|
|
115
|
+
expect(cardContent.contains(topContainer)).toBe(true);
|
|
116
|
+
expect(cardContent.contains(bottomContainer)).toBe(true);
|
|
117
|
+
});
|
|
118
|
+
it('skeleton button has correct structure', () => {
|
|
119
|
+
render(React.createElement(SkeletonCard, null));
|
|
120
|
+
const skeletonButton = screen.getByTestId('skeleton-button');
|
|
121
|
+
expect(skeletonButton.tagName.toLowerCase()).toBe('div');
|
|
122
|
+
});
|
|
123
|
+
it('skeleton lines have correct width props', () => {
|
|
124
|
+
render(React.createElement(SkeletonCard, null));
|
|
125
|
+
// Check that the skeleton lines are rendered
|
|
126
|
+
expect(screen.getByTestId('skeleton-line-1')).toBeInTheDocument();
|
|
127
|
+
expect(screen.getByTestId('skeleton-line-2')).toBeInTheDocument();
|
|
128
|
+
expect(screen.getByTestId('skeleton-line-3')).toBeInTheDocument();
|
|
129
|
+
expect(screen.getByTestId('skeleton-line-4')).toBeInTheDocument();
|
|
130
|
+
});
|
|
131
|
+
it('renders without any interactive elements', () => {
|
|
132
|
+
const { container } = render(React.createElement(SkeletonCard, null));
|
|
133
|
+
const buttons = container.querySelectorAll('button');
|
|
134
|
+
const links = container.querySelectorAll('a');
|
|
135
|
+
expect(buttons.length).toBe(0);
|
|
136
|
+
expect(links.length).toBe(0);
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b25DYXJkLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL19fdGVzdHNfXy9Ta2VsZXRvbkNhcmQudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsUUFBUSxDQUFDLGNBQWMsRUFBRSxHQUFHLEVBQUU7SUFDNUIsRUFBRSxDQUFDLDBCQUEwQixFQUFFLEdBQUcsRUFBRTtRQUNsQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUFDLG9CQUFDLFlBQVksT0FBRyxDQUFDLENBQUM7UUFDL0MsTUFBTSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDJCQUEyQixFQUFFLEdBQUcsRUFBRTtRQUNuQyxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUN6QixNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDdEUsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0MsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMkJBQTJCLEVBQUUsR0FBRyxFQUFFO1FBQ25DLE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ2pFLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDL0MsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsK0NBQStDLEVBQUUsR0FBRyxFQUFFO1FBQ3ZELE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sVUFBVSxHQUFHO1lBQ2pCLE1BQU0sQ0FBQyxXQUFXLENBQUMsdUJBQXVCLENBQUM7WUFDM0MsTUFBTSxDQUFDLFdBQVcsQ0FBQyx1QkFBdUIsQ0FBQztZQUMzQyxNQUFNLENBQUMsV0FBVyxDQUFDLHVCQUF1QixDQUFDO1lBQzNDLE1BQU0sQ0FBQyxXQUFXLENBQUMsdUJBQXVCLENBQUM7U0FDNUMsQ0FBQztRQUNGLE1BQU0sQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHdDQUF3QyxFQUFFLEdBQUcsRUFBRTtRQUNoRCxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUN6QixNQUFNLGFBQWEsR0FBRztZQUNwQixNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDO1lBQ3JDLE1BQU0sQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUM7WUFDckMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQztZQUNyQyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDO1lBQ3JDLE1BQU0sQ0FBQyxXQUFXLENBQUMsc0JBQXNCLENBQUM7U0FDM0MsQ0FBQztRQUNGLE1BQU0sQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHdCQUF3QixFQUFFLEdBQUcsRUFBRTtRQUNoQyxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUN6QixNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDM0QsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDNUMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMseUJBQXlCLEVBQUUsR0FBRyxFQUFFO1FBQ2pDLE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM3RCxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw0QkFBNEIsRUFBRSxHQUFHLEVBQUU7UUFDcEMsTUFBTSxDQUFDLG9CQUFDLFlBQVksT0FBRyxDQUFDLENBQUM7UUFDekIsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQ3BFLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUNoRSxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDbEUsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1FBRXhFLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3hDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzlDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRTtRQUM5QyxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUN6QixNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDbEUsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRXRFLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzdDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDBCQUEwQixFQUFFLEdBQUcsRUFBRTtRQUNsQyxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUN6QixNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFDdkUsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0MsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsaURBQWlELEVBQUUsR0FBRyxFQUFFO1FBQ3pELE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sYUFBYSxHQUFHO1lBQ3BCLE1BQU0sQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUM7WUFDckMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQztZQUNyQyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDO1lBQ3JDLE1BQU0sQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUM7WUFDckMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxzQkFBc0IsQ0FBQztTQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsdUNBQXVDLEVBQUUsR0FBRyxFQUFFO1FBQy9DLE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBRXpCLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3BFLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2pFLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2xFLHdDQUF3QztRQUN4QyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUNwRSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw4QkFBOEIsRUFBRSxHQUFHLEVBQUU7UUFDdEMsTUFBTSxDQUFDLG9CQUFDLFlBQVksT0FBRyxDQUFDLENBQUM7UUFFekIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDMUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDM0UsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDeEUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsMkJBQTJCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDOUUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsb0NBQW9DLEVBQUUsR0FBRyxFQUFFO1FBQzVDLE1BQU0sQ0FDSjtZQUNFLG9CQUFDLFlBQVksT0FBRztZQUNoQixvQkFBQyxZQUFZLE9BQUc7WUFDaEIsb0JBQUMsWUFBWSxPQUFHLENBQ2YsQ0FDSixDQUFDO1FBRUYsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQy9ELE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQy9CLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDRDQUE0QyxFQUFFLEdBQUcsRUFBRTtRQUNwRCxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUV6QixNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDaEUsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQ2xFLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUV4RSwyREFBMkQ7UUFDM0QsTUFBTSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdEQsTUFBTSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0QsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsdUNBQXVDLEVBQUUsR0FBRyxFQUFFO1FBQy9DLE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUU3RCxNQUFNLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx5Q0FBeUMsRUFBRSxHQUFHLEVBQUU7UUFDakQsTUFBTSxDQUFDLG9CQUFDLFlBQVksT0FBRyxDQUFDLENBQUM7UUFFekIsNkNBQTZDO1FBQzdDLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2xFLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2xFLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2xFLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3BFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDBDQUEwQyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUFDLG9CQUFDLFlBQVksT0FBRyxDQUFDLENBQUM7UUFDL0MsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3JELE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUU5QyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMvQixNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvQixDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render, screen, fireEvent } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
import { TripCard } from '../TripCard';
|
|
5
|
+
import { tealiumTrackingHandler } from '../../../helpers/tracking/TrackingHandler';
|
|
6
|
+
jest.mock('../../../helpers/tracking/TrackingHandler', () => ({
|
|
7
|
+
tealiumTrackingHandler: jest.fn()
|
|
8
|
+
}));
|
|
9
|
+
const mockCard = {
|
|
10
|
+
cruise_id: '2074350',
|
|
11
|
+
image: 'https://example.com/image.jpg',
|
|
12
|
+
headline: 'Mediterranean from Barcelona',
|
|
13
|
+
date: 'Oct 2025 - Oct 2025',
|
|
14
|
+
duration: 'Seven Days',
|
|
15
|
+
route: 'Barcelona → Marseille',
|
|
16
|
+
ship: 'MSC Seaside',
|
|
17
|
+
price: '£2000',
|
|
18
|
+
logo: 'https://example.com/logo.png',
|
|
19
|
+
logo_url: 'https://example.com',
|
|
20
|
+
logo_name: 'MSC Cruises',
|
|
21
|
+
cta_url: 'https://example.com/cruise',
|
|
22
|
+
cta_text: 'View Itinerary'
|
|
23
|
+
};
|
|
24
|
+
describe('TripCard', () => {
|
|
25
|
+
beforeEach(() => {
|
|
26
|
+
jest.clearAllMocks();
|
|
27
|
+
});
|
|
28
|
+
it('renders card with all required data', () => {
|
|
29
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
30
|
+
expect(screen.getByText('Mediterranean from Barcelona')).toBeInTheDocument();
|
|
31
|
+
expect(screen.getByText('Oct 2025 - Oct 2025')).toBeInTheDocument();
|
|
32
|
+
expect(screen.getByText('Seven Days')).toBeInTheDocument();
|
|
33
|
+
expect(screen.getByText('Barcelona → Marseille')).toBeInTheDocument();
|
|
34
|
+
expect(screen.getByText('MSC Seaside')).toBeInTheDocument();
|
|
35
|
+
expect(screen.getByText('£2000')).toBeInTheDocument();
|
|
36
|
+
expect(screen.getByText('From')).toBeInTheDocument();
|
|
37
|
+
expect(screen.getByText('View Itinerary')).toBeInTheDocument();
|
|
38
|
+
});
|
|
39
|
+
it('renders image with correct src and alt', () => {
|
|
40
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
41
|
+
const image = screen.getByAltText('Mediterranean from Barcelona');
|
|
42
|
+
expect(image).toHaveAttribute('src', 'https://example.com/image.jpg');
|
|
43
|
+
});
|
|
44
|
+
it('renders offer label when provided', () => {
|
|
45
|
+
const cardWithOffer = {
|
|
46
|
+
...mockCard,
|
|
47
|
+
offer_label: 'Special Offer'
|
|
48
|
+
};
|
|
49
|
+
render(React.createElement(TripCard, { card: cardWithOffer }));
|
|
50
|
+
expect(screen.getByText('Special Offer')).toBeInTheDocument();
|
|
51
|
+
});
|
|
52
|
+
it('renders gift banner when provided', () => {
|
|
53
|
+
const cardWithGift = {
|
|
54
|
+
...mockCard,
|
|
55
|
+
gift_banner: 'Free gift with purchase'
|
|
56
|
+
};
|
|
57
|
+
render(React.createElement(TripCard, { card: cardWithGift }));
|
|
58
|
+
expect(screen.getByText('Free gift with purchase')).toBeInTheDocument();
|
|
59
|
+
});
|
|
60
|
+
it('renders original price when provided', () => {
|
|
61
|
+
const cardWithOriginalPrice = {
|
|
62
|
+
...mockCard,
|
|
63
|
+
original_price: '£2500'
|
|
64
|
+
};
|
|
65
|
+
render(React.createElement(TripCard, { card: cardWithOriginalPrice }));
|
|
66
|
+
expect(screen.getByText('£2500')).toBeInTheDocument();
|
|
67
|
+
});
|
|
68
|
+
it('does not render "From" when price is "Enquire now"', () => {
|
|
69
|
+
const cardWithEnquire = {
|
|
70
|
+
...mockCard,
|
|
71
|
+
price: 'Enquire now'
|
|
72
|
+
};
|
|
73
|
+
render(React.createElement(TripCard, { card: cardWithEnquire }));
|
|
74
|
+
expect(screen.queryByText('From')).not.toBeInTheDocument();
|
|
75
|
+
expect(screen.getByText('Enquire now')).toBeInTheDocument();
|
|
76
|
+
});
|
|
77
|
+
it('renders all CTA links with correct href and target', () => {
|
|
78
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
79
|
+
const links = screen.getAllByRole('link');
|
|
80
|
+
const imageLink = links[0];
|
|
81
|
+
const headlineLink = links[1];
|
|
82
|
+
const ctaButton = screen.getByText('View Itinerary').closest('a');
|
|
83
|
+
expect(imageLink).toHaveAttribute('href', 'https://example.com/cruise');
|
|
84
|
+
expect(imageLink).toHaveAttribute('target', '_blank');
|
|
85
|
+
expect(headlineLink).toHaveAttribute('href', 'https://example.com/cruise');
|
|
86
|
+
expect(ctaButton).toHaveAttribute('href', 'https://example.com/cruise');
|
|
87
|
+
});
|
|
88
|
+
it('renders logo with link when provided', () => {
|
|
89
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
90
|
+
const logoLink = screen.getByRole('link', { name: /partner logo/i });
|
|
91
|
+
expect(logoLink).toHaveAttribute('href', 'https://example.com');
|
|
92
|
+
const logoImg = screen.getByAltText('Partner logo');
|
|
93
|
+
expect(logoImg).toHaveAttribute('src', 'https://example.com/logo.png');
|
|
94
|
+
});
|
|
95
|
+
it('shows card image after it loads', () => {
|
|
96
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
97
|
+
const cardImage = screen.getByAltText('Mediterranean from Barcelona');
|
|
98
|
+
expect(cardImage).toHaveStyle({ display: 'none' });
|
|
99
|
+
fireEvent.load(cardImage);
|
|
100
|
+
expect(cardImage).toHaveStyle({ display: 'block' });
|
|
101
|
+
});
|
|
102
|
+
describe('Tracking', () => {
|
|
103
|
+
it('calls tealiumTrackingHandler when headline is clicked', () => {
|
|
104
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
105
|
+
const headlineLink = screen.getAllByRole('link')[1];
|
|
106
|
+
fireEvent.click(headlineLink);
|
|
107
|
+
expect(tealiumTrackingHandler).toHaveBeenCalledWith('trip card: Mediterranean from Barcelona', 'navigation', 'click', 'Mediterranean from Barcelona', undefined, {
|
|
108
|
+
app_content_location: expect.any(String)
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
it('calls tealiumTrackingHandler when image is clicked', () => {
|
|
112
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
113
|
+
const imageLink = screen.getAllByRole('link')[0];
|
|
114
|
+
fireEvent.click(imageLink);
|
|
115
|
+
expect(tealiumTrackingHandler).toHaveBeenCalledWith('trip card: img click', 'navigation', 'click', 'Mediterranean from Barcelona', undefined, {
|
|
116
|
+
app_content_location: expect.any(String)
|
|
117
|
+
});
|
|
118
|
+
});
|
|
119
|
+
it('calls tealiumTrackingHandler when CTA button is clicked', () => {
|
|
120
|
+
render(React.createElement(TripCard, { card: mockCard }));
|
|
121
|
+
const ctaButton = screen.getByText('View Itinerary');
|
|
122
|
+
fireEvent.click(ctaButton);
|
|
123
|
+
expect(tealiumTrackingHandler).toHaveBeenCalledWith('trip card: View Itinerary', 'navigation', 'click', 'Mediterranean from Barcelona', undefined, {
|
|
124
|
+
app_content_location: expect.any(String)
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
it('calls tealiumTrackingHandler with default CTA text when not provided', () => {
|
|
128
|
+
const cardWithoutCTAText = {
|
|
129
|
+
...mockCard,
|
|
130
|
+
cta_text: undefined
|
|
131
|
+
};
|
|
132
|
+
render(React.createElement(TripCard, { card: cardWithoutCTAText }));
|
|
133
|
+
const ctaButton = screen.getByText('View Itinerary');
|
|
134
|
+
fireEvent.click(ctaButton);
|
|
135
|
+
expect(tealiumTrackingHandler).toHaveBeenCalledWith('trip card: View Itinerary', 'navigation', 'click', 'Mediterranean from Barcelona', undefined, {
|
|
136
|
+
app_content_location: expect.any(String)
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
it('calls tealiumTrackingHandler when logo is clicked with empty logo_name', () => {
|
|
140
|
+
const cardWithoutLogoName = {
|
|
141
|
+
...mockCard,
|
|
142
|
+
logo_name: ''
|
|
143
|
+
};
|
|
144
|
+
render(React.createElement(TripCard, { card: cardWithoutLogoName }));
|
|
145
|
+
const logoLink = screen.getByRole('link', { name: /partner logo/i });
|
|
146
|
+
fireEvent.click(logoLink);
|
|
147
|
+
expect(tealiumTrackingHandler).toHaveBeenCalledWith('trip card: ', 'navigation', 'click', 'Mediterranean from Barcelona', undefined, {
|
|
148
|
+
app_content_location: expect.any(String)
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
it('calls tealiumTrackingHandler with logo_name when provided', () => {
|
|
152
|
+
const cardWithLogoName = {
|
|
153
|
+
...mockCard,
|
|
154
|
+
logo_name: 'MSC Cruises'
|
|
155
|
+
};
|
|
156
|
+
render(React.createElement(TripCard, { card: cardWithLogoName }));
|
|
157
|
+
const logoLink = screen.getByRole('link', { name: /partner logo/i });
|
|
158
|
+
fireEvent.click(logoLink);
|
|
159
|
+
expect(tealiumTrackingHandler).toHaveBeenCalledWith('trip card: MSC Cruises', 'navigation', 'click', 'Mediterranean from Barcelona', undefined, {
|
|
160
|
+
app_content_location: expect.any(String)
|
|
161
|
+
});
|
|
162
|
+
});
|
|
163
|
+
});
|
|
164
|
+
});
|
|
165
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RyaXAtY2FyZHMvX190ZXN0c19fL1RyaXBDYXJkLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNuRSxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFdkMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFbkYsSUFBSSxDQUFDLElBQUksQ0FBQywyQ0FBMkMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzVELHNCQUFzQixFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7Q0FDbEMsQ0FBQyxDQUFDLENBQUM7QUFFSixNQUFNLFFBQVEsR0FBb0I7SUFDaEMsU0FBUyxFQUFFLFNBQVM7SUFDcEIsS0FBSyxFQUFFLCtCQUErQjtJQUN0QyxRQUFRLEVBQUUsOEJBQThCO0lBQ3hDLElBQUksRUFBRSxxQkFBcUI7SUFDM0IsUUFBUSxFQUFFLFlBQVk7SUFDdEIsS0FBSyxFQUFFLHVCQUF1QjtJQUM5QixJQUFJLEVBQUUsYUFBYTtJQUNuQixLQUFLLEVBQUUsT0FBTztJQUNkLElBQUksRUFBRSw4QkFBOEI7SUFDcEMsUUFBUSxFQUFFLHFCQUFxQjtJQUMvQixTQUFTLEVBQUUsYUFBYTtJQUN4QixPQUFPLEVBQUUsNEJBQTRCO0lBQ3JDLFFBQVEsRUFBRSxnQkFBZ0I7Q0FDM0IsQ0FBQztBQUVGLFFBQVEsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFO0lBQ3hCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQyxD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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|