@times-components/ts-components 1.44.1 → 1.45.1
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/CHANGELOG.md +30 -0
- package/dist/components/recommended-articles/RecommendedArticles.d.ts +0 -1
- package/dist/components/recommended-articles/RecommendedArticles.js +5 -4
- package/dist/components/recommended-articles/RecommendedArticles.stories.js +24 -28
- package/dist/components/recommended-articles/RecommendedFetch.d.ts +0 -1
- package/dist/components/recommended-articles/RecommendedFetch.js +3 -3
- package/dist/components/recommended-articles/__tests__/RecommendedArticles.test.js +7 -7
- package/dist/components/recommended-articles/__tests__/RecommendedFetch.test.js +2 -2
- package/package.json +4 -4
- package/rnw.js +1 -1
- package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +8 -8
- package/src/components/recommended-articles/RecommendedArticles.stories.tsx +39 -51
- package/src/components/recommended-articles/RecommendedArticles.tsx +3 -4
- package/src/components/recommended-articles/RecommendedFetch.tsx +2 -13
- package/src/components/recommended-articles/__tests__/RecommendedArticles.test.tsx +6 -22
- package/src/components/recommended-articles/__tests__/RecommendedFetch.test.tsx +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.45.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.45.0...@times-components/ts-components@1.45.1) (2022-06-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [1.45.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.44.2...@times-components/ts-components@1.45.0) (2022-06-22)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **TDP-1421:** Remove react native from 'times-components/slice-layout' package ([#2994](https://github.com/newsuk/times-components/issues/2994)) ([dc5dc4d](https://github.com/newsuk/times-components/commit/dc5dc4da032565a727e4e62adfc5b606ad60c298))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [1.44.2](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.44.1...@times-components/ts-components@1.44.2) (2022-06-21)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Bug Fixes
|
|
29
|
+
|
|
30
|
+
* **TDP-1967:** recommended articles analytics ([#2995](https://github.com/newsuk/times-components/issues/2995)) ([736fd4f](https://github.com/newsuk/times-components/commit/736fd4f822a3e951c918853fcaf41440f5168a48))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## [1.44.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.44.0...@times-components/ts-components@1.44.1) (2022-06-21)
|
|
7
37
|
|
|
8
38
|
**Note:** Version bump only for package @times-components/ts-components
|
|
@@ -3,7 +3,7 @@ import RelatedArticles from '@times-components/related-articles';
|
|
|
3
3
|
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
4
4
|
import { useTrackingContext } from '../../helpers/tracking/TrackingContextProvider';
|
|
5
5
|
import { getRelatedArticlesSlice } from './formatters';
|
|
6
|
-
export const RecommendedArticles = ({ heading, isVisible
|
|
6
|
+
export const RecommendedArticles = ({ heading, isVisible }) => {
|
|
7
7
|
const { loading, error, data } = useFetch();
|
|
8
8
|
if (loading || error || data === undefined) {
|
|
9
9
|
return null;
|
|
@@ -15,12 +15,13 @@ export const RecommendedArticles = ({ heading, isVisible, analyticsStream }) =>
|
|
|
15
15
|
if (fireAnalyticsEvent) {
|
|
16
16
|
fireAnalyticsEvent({
|
|
17
17
|
action: 'Clicked',
|
|
18
|
-
object: 'RecommendedArticles',
|
|
19
18
|
attrs: { article_parent_name: found ? found.article.headline : '' }
|
|
20
19
|
});
|
|
21
20
|
}
|
|
22
21
|
};
|
|
23
22
|
return (React.createElement("div", { id: "recommended-articles", style: { display: isVisible ? 'block' : 'none' } },
|
|
24
|
-
React.createElement(RelatedArticles, { heading: heading, slice: slice, isVisible: true, onPress: onClickHandler,
|
|
23
|
+
React.createElement(RelatedArticles, { heading: heading, slice: slice, isVisible: true, onPress: onClickHandler,
|
|
24
|
+
// tslint:disable-next-line: no-empty
|
|
25
|
+
analyticsStream: () => { } })));
|
|
25
26
|
};
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL1JlY29tbWVuZGVkQXJ0aWNsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLGVBQWUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVqRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDN0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDcEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUczQixDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUU7SUFDOUIsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsUUFBUSxFQUFPLENBQUM7SUFFakQsSUFBSSxPQUFPLElBQUksS0FBSyxJQUFJLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDMUMsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUVELE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxHQUFHLGtCQUFrQixFQUFFLENBQUM7SUFFcEQsTUFBTSxLQUFLLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBRTVELE1BQU0sY0FBYyxHQUFHLENBQUMsRUFBYyxFQUFFLE9BQXdCLEVBQUUsRUFBRTtRQUNsRSxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FDNUIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsS0FBSyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUMvRCxDQUFDO1FBRUYsSUFBSSxrQkFBa0IsRUFBRTtZQUN0QixrQkFBa0IsQ0FBQztnQkFDakIsTUFBTSxFQUFFLFNBQVM7Z0JBQ2pCLEtBQUssRUFBRSxFQUFFLG1CQUFtQixFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTthQUNwRSxDQUFDLENBQUM7U0FDSjtJQUNILENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCw2QkFDRSxFQUFFLEVBQUMsc0JBQXNCLEVBQ3pCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFO1FBRWhELG9CQUFDLGVBQWUsSUFDZCxPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsUUFDVCxPQUFPLEVBQUUsY0FBYztZQUN2QixxQ0FBcUM7WUFDckMsZUFBZSxFQUFFLEdBQUcsRUFBRSxHQUFFLENBQUMsR0FDekIsQ0FDRSxDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -1,35 +1,31 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { storiesOf } from '@storybook/react';
|
|
3
3
|
import { getArticles } from './helpers';
|
|
4
4
|
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
5
|
+
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
5
6
|
import previewData from '../../fixtures/preview-data/recommended-articles';
|
|
6
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
7
8
|
import { RecommendedArticles } from './RecommendedArticles';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
platform: 'web',
|
|
22
|
-
type: 'story'
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
component: () => (React.createElement(FetchProvider, { previewData: previewData },
|
|
26
|
-
React.createElement(RecommendedArticles, { heading: "Today's sport", isVisible: true, analyticsStream: analyticsStream }))),
|
|
27
|
-
name: 'Recommended Articles - 3 Article',
|
|
28
|
-
platform: 'web',
|
|
29
|
-
type: 'story'
|
|
9
|
+
storiesOf('Typescript Component/Recommended Articles', module)
|
|
10
|
+
.addDecorator((storyFn) => (React.createElement(TrackingContextProvider, { context: {
|
|
11
|
+
component: 'ArticleSkeleton',
|
|
12
|
+
object: 'RecommendedArticles',
|
|
13
|
+
attrs: {
|
|
14
|
+
event_navigation_action: 'navigation',
|
|
15
|
+
event_navigation_name: 'widget : relevant article',
|
|
16
|
+
event_navigation_browsing_method: 'click',
|
|
17
|
+
section_details: 'section : <section>',
|
|
18
|
+
article_name: '<headline>',
|
|
19
|
+
widget_headline: '<headline>',
|
|
20
|
+
widget_section: '<section>',
|
|
21
|
+
widget_type: "today's section"
|
|
30
22
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
23
|
+
}, analyticsStream: analyticsStream },
|
|
24
|
+
React.createElement("div", null, storyFn()))))
|
|
25
|
+
.add('Recommended Articles - 1 Article', () => (React.createElement(FetchProvider, { previewData: getArticles(previewData, 1) },
|
|
26
|
+
React.createElement(RecommendedArticles, { heading: "Today's news", isVisible: true }))))
|
|
27
|
+
.add('Recommended Articles - 2 Article', () => (React.createElement(FetchProvider, { previewData: getArticles(previewData, 2) },
|
|
28
|
+
React.createElement(RecommendedArticles, { heading: "Today's business", isVisible: true }))))
|
|
29
|
+
.add('Recommended Articles - 3 Article', () => (React.createElement(FetchProvider, { previewData: previewData },
|
|
30
|
+
React.createElement(RecommendedArticles, { heading: "Today's sport", isVisible: true }))));
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sV0FBVyxNQUFNLGtEQUFrRCxDQUFDO0FBQzNFLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTVELFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUM7S0FDM0QsWUFBWSxDQUFDLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDaEQsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsTUFBTSxFQUFFLHFCQUFxQjtRQUM3QixLQUFLLEVBQUU7WUFDTCx1QkFBdUIsRUFBRSxZQUFZO1lBQ3JDLHFCQUFxQixFQUFFLDJCQUEyQjtZQUNsRCxnQ0FBZ0MsRUFBRSxPQUFPO1lBQ3pDLGVBQWUsRUFBRSxxQkFBcUI7WUFDdEMsWUFBWSxFQUFFLFlBQVk7WUFDMUIsZUFBZSxFQUFFLFlBQVk7WUFDN0IsY0FBYyxFQUFFLFdBQVc7WUFDM0IsV0FBVyxFQUFFLGlCQUFpQjtTQUMvQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsaUNBQU0sT0FBTyxFQUFFLENBQU8sQ0FDRSxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGtDQUFrQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzdDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDckQsb0JBQUMsbUJBQW1CLElBQUMsT0FBTyxFQUFDLGNBQWMsRUFBQyxTQUFTLFNBQUcsQ0FDMUMsQ0FDakIsQ0FBQztLQUNELEdBQUcsQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUM3QyxvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ3JELG9CQUFDLG1CQUFtQixJQUFDLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxTQUFTLFNBQUcsQ0FDOUMsQ0FDakIsQ0FBQztLQUNELEdBQUcsQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUM3QyxvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVc7SUFDckMsb0JBQUMsbUJBQW1CLElBQUMsT0FBTyxFQUFDLGVBQWUsRUFBQyxTQUFTLFNBQUcsQ0FDM0MsQ0FDakIsQ0FBQyxDQUFDIn0=
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
|
|
|
2
2
|
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
3
3
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
4
4
|
import { RecommendedArticles } from './RecommendedArticles';
|
|
5
|
-
export const RecommendedFetch = ({ articleId, articleHeadline, articleSection, isVisible
|
|
5
|
+
export const RecommendedFetch = ({ articleId, articleHeadline, articleSection, isVisible }) => {
|
|
6
6
|
const [isClientSide, setIsClientSide] = useState(false);
|
|
7
7
|
useEffect(() => {
|
|
8
8
|
setIsClientSide(true);
|
|
@@ -22,6 +22,6 @@ export const RecommendedFetch = ({ articleId, articleHeadline, articleSection, i
|
|
|
22
22
|
widget_type: "today's section"
|
|
23
23
|
}
|
|
24
24
|
} },
|
|
25
|
-
React.createElement(RecommendedArticles, { heading: heading, isVisible: isVisible
|
|
25
|
+
React.createElement(RecommendedArticles, { heading: heading, isVisible: isVisible })))) : null;
|
|
26
26
|
};
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRGZXRjaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL1JlY29tbWVuZGVkRmV0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFNUQsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBS3hCLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFO0lBQ2pFLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRWpFLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsTUFBTSxPQUFPLEdBQUcsV0FBVyxjQUFjLEVBQUUsQ0FBQztJQUU1QyxPQUFPLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FDcEIsb0JBQUMsYUFBYSxJQUNaLEdBQUcsRUFBRSw2QkFBNkIsU0FBUyxpQkFBaUI7UUFFNUQsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtnQkFDUCxNQUFNLEVBQUUscUJBQXFCO2dCQUM3QixLQUFLLEVBQUU7b0JBQ0wsdUJBQXVCLEVBQUUsWUFBWTtvQkFDckMscUJBQXFCLEVBQUUsMkJBQTJCO29CQUNsRCxnQ0FBZ0MsRUFBRSxPQUFPO29CQUN6QyxlQUFlLEVBQUUsYUFBYSxjQUFjLEVBQUU7b0JBQzlDLFlBQVksRUFBRSxlQUFlO29CQUM3QixlQUFlLEVBQUUsT0FBTyxDQUFDLFdBQVcsRUFBRTtvQkFDdEMsY0FBYyxFQUFFLGNBQWM7b0JBQzlCLFdBQVcsRUFBRSxpQkFBaUI7aUJBQy9CO2FBQ0Y7WUFFRCxvQkFBQyxtQkFBbUIsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEdBQUksQ0FDdkMsQ0FDWixDQUNqQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQUMifQ==
|
|
@@ -43,19 +43,19 @@ describe('<RecommendedArticles>', () => {
|
|
|
43
43
|
});
|
|
44
44
|
it('should render the initial loading state correctly', () => {
|
|
45
45
|
useFetch.mockReturnValue({ loading: true });
|
|
46
|
-
const { asFragment } = render(React.createElement(RecommendedArticles, { heading: heading
|
|
46
|
+
const { asFragment } = render(React.createElement(RecommendedArticles, { heading: heading }));
|
|
47
47
|
expect(asFragment().firstChild).toBeNull();
|
|
48
48
|
});
|
|
49
49
|
it('should render the error state correctly', () => {
|
|
50
50
|
useFetch.mockReturnValue({ error: 'Some error occurred' });
|
|
51
|
-
const { asFragment } = render(React.createElement(RecommendedArticles, { heading: heading
|
|
51
|
+
const { asFragment } = render(React.createElement(RecommendedArticles, { heading: heading }));
|
|
52
52
|
expect(asFragment().firstChild).toBeNull();
|
|
53
53
|
});
|
|
54
54
|
it('should render RelatedArticles correctly with 1 article', () => {
|
|
55
55
|
useFetch.mockReturnValue({
|
|
56
56
|
data: getArticles(previewData, 1)
|
|
57
57
|
});
|
|
58
|
-
const { asFragment, getByText } = render(React.createElement(RecommendedArticles, { heading: heading, isVisible: true
|
|
58
|
+
const { asFragment, getByText } = render(React.createElement(RecommendedArticles, { heading: heading, isVisible: true }));
|
|
59
59
|
expect(getByText(heading));
|
|
60
60
|
expect(getByText(articles[0].headline));
|
|
61
61
|
expect(asFragment()).toMatchSnapshot();
|
|
@@ -64,7 +64,7 @@ describe('<RecommendedArticles>', () => {
|
|
|
64
64
|
useFetch.mockReturnValue({
|
|
65
65
|
data: getArticles(previewData, 2)
|
|
66
66
|
});
|
|
67
|
-
const { asFragment, getByText } = render(React.createElement(RecommendedArticles, { heading: heading
|
|
67
|
+
const { asFragment, getByText } = render(React.createElement(RecommendedArticles, { heading: heading }));
|
|
68
68
|
expect(getByText(heading));
|
|
69
69
|
expect(getByText(articles[0].headline));
|
|
70
70
|
expect(getByText(articles[1].headline));
|
|
@@ -72,7 +72,7 @@ describe('<RecommendedArticles>', () => {
|
|
|
72
72
|
});
|
|
73
73
|
it('should render RelatedArticles correctly with 3 articles', () => {
|
|
74
74
|
useFetch.mockReturnValue({ data: previewData });
|
|
75
|
-
const { asFragment, getByText } = render(React.createElement(RecommendedArticles, { heading: heading, isVisible: true
|
|
75
|
+
const { asFragment, getByText } = render(React.createElement(RecommendedArticles, { heading: heading, isVisible: true }));
|
|
76
76
|
expect(getByText(heading));
|
|
77
77
|
expect(getByText(articles[0].headline));
|
|
78
78
|
expect(getByText(articles[1].headline));
|
|
@@ -83,7 +83,7 @@ describe('<RecommendedArticles>', () => {
|
|
|
83
83
|
const analyticsStream = jest.fn();
|
|
84
84
|
useFetch.mockReturnValue({ data: previewData });
|
|
85
85
|
const { getByText } = render(React.createElement(TrackingContextProvider, { context: initialContext, analyticsStream: analyticsStream },
|
|
86
|
-
React.createElement(RecommendedArticles, { heading: heading, isVisible: true
|
|
86
|
+
React.createElement(RecommendedArticles, { heading: heading, isVisible: true })));
|
|
87
87
|
fireEvent.click(getByText(articles[0].headline));
|
|
88
88
|
expect(analyticsStream).toHaveBeenCalledTimes(1);
|
|
89
89
|
expect(analyticsStream).toHaveBeenCalledWith({
|
|
@@ -97,4 +97,4 @@ describe('<RecommendedArticles>', () => {
|
|
|
97
97
|
});
|
|
98
98
|
});
|
|
99
99
|
});
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvX190ZXN0c19fL1JlY29tbWVuZGVkQXJ0aWNsZXMudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLFVBQVUsQ0FBQztBQUNoQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM1RixPQUFPLFdBQVcsTUFBTSxxREFBcUQsQ0FBQztBQUU5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU3RCxJQUFJLENBQUMsSUFBSSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDdkQsUUFBUSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7Q0FDcEIsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLG9DQUFvQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDckQsVUFBVSxFQUFFLElBQUk7SUFDaEIsT0FBTyxFQUFFLENBQUMsS0FBVSxFQUFFLEVBQUUsQ0FBQyxDQUN2Qjs7UUFFRSxpQ0FBTSxLQUFLLENBQUMsT0FBTyxDQUFPO1FBQ3pCLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFPLEVBQUUsRUFBRSxDQUFDLENBQzNDLDZCQUNFLE9BQU8sRUFBRSxHQUFH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
|
|
@@ -11,10 +11,10 @@ jest.mock('../../../helpers/fetch/FetchProvider', () => ({
|
|
|
11
11
|
}));
|
|
12
12
|
describe('<RecommendedFetch>', () => {
|
|
13
13
|
it('should render correctly', () => {
|
|
14
|
-
const { asFragment, getByText } = render(React.createElement(RecommendedFetch, { articleId: "1234", articleHeadline: "Some headline", articleSection: "News"
|
|
14
|
+
const { asFragment, getByText } = render(React.createElement(RecommendedFetch, { articleId: "1234", articleHeadline: "Some headline", articleSection: "News" }));
|
|
15
15
|
expect(getByText('FetchProvider'));
|
|
16
16
|
expect(getByText('RecommendedArticles'));
|
|
17
17
|
expect(asFragment()).toMatchSnapshot();
|
|
18
18
|
});
|
|
19
19
|
});
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRGZXRjaC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvX190ZXN0c19fL1JlY29tbWVuZGVkRmV0Y2gudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV2RCxJQUFJLENBQUMsSUFBSSxDQUFDLHdCQUF3QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDekMsbUJBQW1CLEVBQUUsR0FBRyxFQUFFLENBQUMsdURBQThCO0NBQzFELENBQUMsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyxzQ0FBc0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELGFBQWEsRUFBRSxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsQ0FDN0I7O1FBRUcsS0FBSyxDQUFDLFFBQVEsQ0FDWCxDQUNQO0NBQ0YsQ0FBQyxDQUFDLENBQUM7QUFFSixRQUFRLENBQUMsb0JBQW9CLEVBQUUsR0FBRyxFQUFFO0lBQ2xDLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUU7UUFDakMsTUFBTSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQ3RDLG9CQUFDLGdCQUFnQixJQUNmLFNBQVMsRUFBQyxNQUFNLEVBQ2hCLGVBQWUsRUFBQyxlQUFlLEVBQy9CLGNBQWMsRUFBQyxNQUFNLEdBQ3JCLENBQ0gsQ0FBQztRQUVGLE1BQU0sQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztRQUNuQyxNQUFNLENBQUMsU0FBUyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQztRQUN6QyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.45.1",
|
|
4
4
|
"description": "Reuseable Typescript React Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -52,12 +52,12 @@
|
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@times-components/button": "2.5.23",
|
|
54
54
|
"@times-components/date-publication": "0.22.24",
|
|
55
|
-
"@times-components/icons": "2.
|
|
55
|
+
"@times-components/icons": "2.17.0",
|
|
56
56
|
"@times-components/image": "6.11.16",
|
|
57
57
|
"@times-components/link": "3.10.5",
|
|
58
58
|
"@times-components/provider": "1.32.0",
|
|
59
59
|
"@times-components/provider-queries": "2.17.0",
|
|
60
|
-
"@times-components/related-articles": "6.
|
|
60
|
+
"@times-components/related-articles": "6.9.1",
|
|
61
61
|
"@times-components/ts-slices": "1.3.24",
|
|
62
62
|
"@times-components/ts-styleguide": "1.36.2",
|
|
63
63
|
"@times-components/utils": "6.12.1",
|
|
@@ -119,5 +119,5 @@
|
|
|
119
119
|
"@testing-library/jest-dom/extend-expect"
|
|
120
120
|
]
|
|
121
121
|
},
|
|
122
|
-
"gitHead": "
|
|
122
|
+
"gitHead": "44b27d8dda5f6d3ee9d7a4ecd041e00cef5c6db3"
|
|
123
123
|
}
|