From 978a0befc7f1503fe189d15c685e948c927da286 Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Fri, 4 Oct 2024 12:17:30 +0100 Subject: [PATCH 01/10] render audio player on live posts --- .../pages/[service]/live/[id]/Post/fixture.ts | 233 ++++++++++++++++++ .../[service]/live/[id]/Post/index.test.tsx | 22 +- .../pages/[service]/live/[id]/Post/index.tsx | 3 + 3 files changed, 257 insertions(+), 1 deletion(-) diff --git a/ws-nextjs-app/pages/[service]/live/[id]/Post/fixture.ts b/ws-nextjs-app/pages/[service]/live/[id]/Post/fixture.ts index 83a2a1ab040..a27705d38ef 100644 --- a/ws-nextjs-app/pages/[service]/live/[id]/Post/fixture.ts +++ b/ws-nextjs-app/pages/[service]/live/[id]/Post/fixture.ts @@ -585,3 +585,236 @@ export const videoSamplePost = { }, ], }; + +export const audioSamplePost = { + typeCode: null, + header: { + model: { + blocks: [ + { + id: '877a928e', + type: 'headline', + model: { + blocks: [ + { + id: '780e425c', + type: 'text', + model: { + blocks: [ + { + id: 'e8c211d7', + type: 'paragraph', + model: { + text: 'Post with embedded audio', + blocks: [ + { + id: '2eb52ab5', + type: 'fragment', + model: { + text: 'Post with embedded audio', + attributes: [], + }, + }, + ], + }, + }, + ], + }, + }, + ], + }, + }, + ], + }, + }, + content: { + model: { + blocks: [ + { + id: '0c665c43', + type: 'paragraph', + model: { + text: 'Audio', + blocks: [ + { + id: '8658cc94', + type: 'fragment', + model: { + text: 'Audio', + attributes: [], + }, + }, + ], + }, + }, + { + id: '586c041a', + type: 'audio', + model: { + locator: 'urn:bbc:pips:pid:p01vqk5l', + blocks: [ + { + id: '51c17264', + type: 'clipMedia', + model: { + id: 'urn:bbc:pips:pid:p01vqk5l', + urns: { + pipsPid: 'urn:bbc:pips:pid:p01vqk5l', + }, + images: [ + { + url: 'https://ichef.test.bbci.co.uk/images/ic/1024xn/p01vkjg8.png', + urlTemplate: + 'https://ichef.test.bbci.co.uk/images/ic/{width}xn/p01vkjg8.png', + altText: 'BBC flat logo 2023 default image', + type: 'socialImage', + source: 'pipsImage', + }, + { + url: 'https://ichef.test.bbci.co.uk/images/ic/1024xn/p01vkjg8.png', + urlTemplate: + 'https://ichef.test.bbci.co.uk/images/ic/{width}xn/p01vkjg8.png', + altText: 'BBC flat logo 2023 default image', + type: 'promoImage', + source: 'pipsImage', + }, + ], + assetPath: 'p01vqk5l', + type: 'audio', + headlines: { + primaryHeadline: 'a', + seoHeadline: 'a', + promoHeadline: 'a', + socialHeadline: 'a', + }, + analytics: { + page: { + name: 'programmes.av.p01vqk5l.page', + contentId: 'urn:bbc:pips:pid:p01vqk5l', + producer: 'PROGRAMMES', + }, + }, + description: 'a', + summary: { + type: 'text', + model: { + blocks: [ + { + type: 'paragraph', + model: { + text: 'a', + blocks: [ + { + type: 'fragment', + model: { + text: 'a', + attributes: [], + }, + }, + ], + }, + }, + ], + }, + }, + lastPublished: '2023-10-10T11:48:18Z', + firstPublished: null, + video: { + id: 'p01vqk5l', + title: 'a', + holdingImage: { + id: 'https://ichef.test.bbci.co.uk/images/ic/$recipe/p01vkjg8.png', + altText: 'BBC flat logo 2023 default image', + }, + version: { + id: 'p01vqk5n', + duration: 'PT27S', + kind: 'audio', + guidance: null, + territories: ['nonuk', 'uk'], + }, + isAdvertisingAllowed: false, + isEmbeddingAllowed: true, + isUnavailable: false, + }, + attributions: null, + link: { + path: '/programmes/p01vqk5l', + }, + section: null, + isSharingAllowed: true, + }, + }, + { + id: 'cfdc8dc2', + type: 'caption', + model: { + blocks: [ + { + id: '25d8408a', + type: 'text', + model: { + blocks: [ + { + id: '6355a247', + type: 'paragraph', + model: { + text: 'caption for audio', + blocks: [ + { + id: '9f54b5d9', + type: 'fragment', + model: { + text: 'caption for audio', + attributes: [], + }, + }, + ], + }, + }, + ], + }, + }, + ], + }, + }, + ], + }, + }, + ], + }, + }, + link: null, + urn: 'asset:c40c0735-cff0-415f-95fa-b72a8f5a97a3', + type: 'POST', + options: { + isBreakingNews: false, + }, + dates: { + firstPublished: '2023-11-17T16:30:52.000Z', + lastPublished: '2023-12-05T15:55:18.000Z', + time: null, + curated: '2023-11-17T16:30:53.254Z', + }, + titles: [ + { + title: null, + source: 'primary', + }, + ], + descriptions: [ + { + text: null, + source: 'summary', + }, + ], + images: [ + { + originalUrl: null, + altText: null, + copyright: null, + urlTemplate: null, + url: null, + }, + ], +}; diff --git a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx index c9399e61dcb..6d2a0adf615 100644 --- a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx +++ b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx @@ -7,7 +7,12 @@ import { import postFixture from '#data/pidgin/posts/postFixtureCleaned.json'; import { LIVE_PAGE } from '../../../../../../src/app/routes/utils/pageTypes'; import Post from '.'; -import { samplePost, twitterSamplePost, videoSamplePost } from './fixture'; +import { + audioSamplePost, + samplePost, + twitterSamplePost, + videoSamplePost, +} from './fixture'; const singlePostWithTitle = postFixture.data.results[0]; @@ -151,6 +156,21 @@ describe('Post', () => { ).toBeInTheDocument(); }); + it('should render the new media player in a post containing audio', async () => { + const { container } = await act(async () => { + return render(, { + id: 'c7p765ynk9qt', + service: 'pidgin', + pageType: LIVE_PAGE, + pathname: '/pidgin/live/c7p765ynk9qt', + }); + }); + + expect( + container.querySelector('[data-e2e="media-loader__placeholder"]'), + ).toBeInTheDocument(); + }); + it('should not render share button by default', async () => { await act(async () => { render(); diff --git a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx index eebfc3a13cc..ee215f9eb2c 100644 --- a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx +++ b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx @@ -150,6 +150,9 @@ const PostContent = ({ contentBlocks }: { contentBlocks: OptimoBlock[] }) => { video: (props: { blocks: MediaBlock[] }) => ( ), + audio: (props: { blocks: MediaBlock[] }) => ( + + ), social: SocialEmbedContainer, }; From f79040e56b15cf3b7741f594c3ee1e849d00ba0b Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Fri, 4 Oct 2024 13:22:51 +0100 Subject: [PATCH 02/10] styling --- src/app/components/MediaLoader/index.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/app/components/MediaLoader/index.tsx b/src/app/components/MediaLoader/index.tsx index fb261a3f839..f59c0ccc5a5 100644 --- a/src/app/components/MediaLoader/index.tsx +++ b/src/app/components/MediaLoader/index.tsx @@ -249,6 +249,9 @@ const MediaLoader = ({ blocks, className, embedded }: Props) => { orientation === 'portrait' && styles.portraitFigure(embedded), orientation === 'landscape' && styles.landscapeFigure, ], + playerConfig?.ui?.skin === 'audio' && + hasPlaceholder && + styles.landscapeFigure, ]} > {isAmp ? ( From 35dd65328c69b1cbc48299bca7e6e6f09714fa94 Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Fri, 4 Oct 2024 15:04:30 +0100 Subject: [PATCH 03/10] update integration snapshots --- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 58 +------------------ 12 files changed, 12 insertions(+), 68 deletions(-) diff --git a/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap b/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap index dd9b3c9fd15..ab65186696e 100644 --- a/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap @@ -156,7 +156,7 @@ exports[`Canonical Articles Media Loader renders a placeholder 1`] = ` exports[`Canonical Articles Media Loader renders a valid container 1`] = `
`; -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 1`] = ` -{ - "text": "Áudio, Que História!, 'Uísque ao mar!': a curiosa história do 'verão da lata' escocês em plena 2ª Guerra, Duration 09,08 Duration 09:085 março 2020", - "url": "/portuguese/podcasts/p07r3r3t/p083x87j", -} -`; - -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 2`] = ` -{ - "text": "Áudio, Que História!, As famílias 'alugadas' no Japão, Duration 12,05 Duration 12:0527 fevereiro 2020", - "url": "/portuguese/podcasts/p07r3r3t/p083wkq9", -} -`; - -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 3`] = ` -{ - "text": "Áudio, Que História!, O naufrágio de navio militar na 2ª Guerra que inspirou filme 'Tubarão', Duration 11,43 Duration 11:4320 fevereiro 2020", - "url": "/portuguese/podcasts/p07r3r3t/p0837nfw", -} -`; - -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 4`] = ` -{ - "text": "Áudio, Que História!, 'Graças a uma selfie, descobri que minha mãe me roubou quando era bebê', Duration 17,13 Duration 17:1313 fevereiro 2020", - "url": "/portuguese/podcasts/p07r3r3t/p082wrwc", -} -`; - -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 5`] = ` -{ - "text": "Áudio, Que História!, Os Brasileiros da Blitz, Duration 18,04 Duration 18:046 fevereiro 2020", - "url": "/portuguese/podcasts/p07r3r3t/p081mcd8", -} -`; - -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 6`] = ` -{ - "text": "Áudio, Que História!, A saga do avô em busca dos netos órfãos do Estado Islâmico, Duration 13,35 Duration 13:3530 janeiro 2020", - "url": "/portuguese/podcasts/p07r3r3t/p081jh7q", -} -`; - -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 7`] = ` -{ - "text": "Áudio, Que História!, Krakatoa: a erupção que o mundo inteiro sentiu, Duration 11,07 Duration 11:0723 janeiro 2020", - "url": "/portuguese/podcasts/p07r3r3t/p08129g5", -} -`; - -exports[`Canonical Podcast Page Recent Episodes List items should match text and url 8`] = ` -{ - "text": "Áudio, Que História!, 'O post criado para arruinar minha vida', Duration 13,52 Duration 13:5216 janeiro 2020", - "url": "/portuguese/podcasts/p07r3r3t/p080j23n", -} -`; - exports[`Canonical Podcast Page SEO Apple Touch Icon should match attributes 1`] = ` { "sizes": null, From c27191958fd855cabb77f7bfb5f27ea6e8fef36b Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Fri, 4 Oct 2024 15:19:16 +0100 Subject: [PATCH 04/10] update integration snapshots again --- .../__snapshots__/canonical.test.js.snap | 28 ---------- .../__snapshots__/canonical.test.js.snap | 56 +++++++++++++++++++ 2 files changed, 56 insertions(+), 28 deletions(-) diff --git a/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap index 47c1a86683d..0d79470a388 100644 --- a/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap @@ -165,34 +165,6 @@ exports[`Canonical On Demand Audio Page I can see the hero image 1`] = `"https:/ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `"وروستي خبرونه, ۴ فبروري ۲۰۲۰"`; -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 1`] = ` -{ - "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", - "url": "/pashto/bbc_pashto_radio/w172xqk2kz848lv", -} -`; - -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 2`] = ` -{ - "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", - "url": "/pashto/bbc_pashto_radio/w172xqk2kz844vq", -} -`; - -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 3`] = ` -{ - "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", - "url": "/pashto/bbc_pashto_radio/w172xqk2kz8413l", -} -`; - -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 4`] = ` -{ - "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", - "url": "/pashto/bbc_pashto_radio/w172xqk2kz83xcg", -} -`; - exports[`Canonical On Demand Audio Page SEO Apple Touch Icon should match attributes 1`] = ` { "sizes": null, diff --git a/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap b/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap index 5377125ce46..967859923af 100644 --- a/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap @@ -165,6 +165,62 @@ exports[`Canonical Podcast Page Media Loader renders a valid container 1`] = `
`; +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 1`] = ` +{ + "text": "Áudio, Que História!, 'Uísque ao mar!': a curiosa história do 'verão da lata' escocês em plena 2ª Guerra, Duration 09,08 Duration 09:085 março 2020", + "url": "/portuguese/podcasts/p07r3r3t/p083x87j", +} +`; + +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 2`] = ` +{ + "text": "Áudio, Que História!, As famílias 'alugadas' no Japão, Duration 12,05 Duration 12:0527 fevereiro 2020", + "url": "/portuguese/podcasts/p07r3r3t/p083wkq9", +} +`; + +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 3`] = ` +{ + "text": "Áudio, Que História!, O naufrágio de navio militar na 2ª Guerra que inspirou filme 'Tubarão', Duration 11,43 Duration 11:4320 fevereiro 2020", + "url": "/portuguese/podcasts/p07r3r3t/p0837nfw", +} +`; + +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 4`] = ` +{ + "text": "Áudio, Que História!, 'Graças a uma selfie, descobri que minha mãe me roubou quando era bebê', Duration 17,13 Duration 17:1313 fevereiro 2020", + "url": "/portuguese/podcasts/p07r3r3t/p082wrwc", +} +`; + +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 5`] = ` +{ + "text": "Áudio, Que História!, Os Brasileiros da Blitz, Duration 18,04 Duration 18:046 fevereiro 2020", + "url": "/portuguese/podcasts/p07r3r3t/p081mcd8", +} +`; + +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 6`] = ` +{ + "text": "Áudio, Que História!, A saga do avô em busca dos netos órfãos do Estado Islâmico, Duration 13,35 Duration 13:3530 janeiro 2020", + "url": "/portuguese/podcasts/p07r3r3t/p081jh7q", +} +`; + +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 7`] = ` +{ + "text": "Áudio, Que História!, Krakatoa: a erupção que o mundo inteiro sentiu, Duration 11,07 Duration 11:0723 janeiro 2020", + "url": "/portuguese/podcasts/p07r3r3t/p08129g5", +} +`; + +exports[`Canonical Podcast Page Recent Episodes List items should match text and url 8`] = ` +{ + "text": "Áudio, Que História!, 'O post criado para arruinar minha vida', Duration 13,52 Duration 13:5216 janeiro 2020", + "url": "/portuguese/podcasts/p07r3r3t/p080j23n", +} +`; + exports[`Canonical Podcast Page SEO Apple Touch Icon should match attributes 1`] = ` { "sizes": null, From 95fed28cdad9e77aa455c9e67fc0d3ef8cf4e4ef Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Thu, 10 Oct 2024 09:47:39 +0100 Subject: [PATCH 05/10] update in line with snapshots --- .../MediaLoader/configs/clipMedia.ts | 2 +- .../components/MediaLoader/index.styles.ts | 5 +- src/app/components/MediaLoader/index.tsx | 3 - .../__snapshots__/index.test.tsx.snap | 3 +- .../__snapshots__/canonical.test.ts.snap | 79 +------------------ .../[service]/live/[id]/Post/index.test.tsx | 2 +- .../pages/[service]/live/[id]/Post/index.tsx | 2 +- 7 files changed, 9 insertions(+), 87 deletions(-) diff --git a/src/app/components/MediaLoader/configs/clipMedia.ts b/src/app/components/MediaLoader/configs/clipMedia.ts index c255fc4620c..c72d5bec7a8 100644 --- a/src/app/components/MediaLoader/configs/clipMedia.ts +++ b/src/app/components/MediaLoader/configs/clipMedia.ts @@ -109,7 +109,7 @@ export default ({ ...(videoId && { clipPID: videoId }), }, }, - placeholderConfig, + ...(type !== 'audio' && placeholderConfig), showAds, }; }; diff --git a/src/app/components/MediaLoader/index.styles.ts b/src/app/components/MediaLoader/index.styles.ts index 313e0205b0f..ea8d264e8ec 100644 --- a/src/app/components/MediaLoader/index.styles.ts +++ b/src/app/components/MediaLoader/index.styles.ts @@ -50,10 +50,9 @@ export default { !isEmbedded && commonMarginSpacing, ], - audioMediaContainer: ({ palette }: Theme) => + audioMediaContainer: () => css({ - backgroundColor: palette.WHITE, - height: '165px', + height: '130px', }), standardMediaContainer: ({ palette }: Theme) => diff --git a/src/app/components/MediaLoader/index.tsx b/src/app/components/MediaLoader/index.tsx index f59c0ccc5a5..fb261a3f839 100644 --- a/src/app/components/MediaLoader/index.tsx +++ b/src/app/components/MediaLoader/index.tsx @@ -249,9 +249,6 @@ const MediaLoader = ({ blocks, className, embedded }: Props) => { orientation === 'portrait' && styles.portraitFigure(embedded), orientation === 'landscape' && styles.landscapeFigure, ], - playerConfig?.ui?.skin === 'audio' && - hasPlaceholder && - styles.landscapeFigure, ]} > {isAmp ? ( diff --git a/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap b/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap index ec3e35882cd..60c74d0112e 100644 --- a/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap +++ b/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap @@ -698,8 +698,7 @@ exports[`OnDemand Radio Page should match snapshot 1`] = ` } .emotion-30 { - background-color: #FFFFFF; - height: 165px; + height: 130px; }
diff --git a/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap b/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap index c9e12769996..45c8de763d6 100644 --- a/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap +++ b/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap @@ -226,82 +226,9 @@ exports[`Canonical Live Media Loader renders a valid container 1`] = ` data-e2e="media-loader__container" >
-
- - -
- -
- -
-
+ class="css-9p9hvp" + data-e2e="media-player" + />
{ }); expect( - container.querySelector('[data-e2e="media-loader__placeholder"]'), + container.querySelector('[data-e2e="media-loader"]'), ).toBeInTheDocument(); }); diff --git a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx index ee215f9eb2c..e0be69a7529 100644 --- a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx +++ b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.tsx @@ -151,7 +151,7 @@ const PostContent = ({ contentBlocks }: { contentBlocks: OptimoBlock[] }) => { ), audio: (props: { blocks: MediaBlock[] }) => ( - + ), social: SocialEmbedContainer, }; From ec03215d689db75c4041758caac9fdd2f5ef1f53 Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Thu, 10 Oct 2024 09:54:55 +0100 Subject: [PATCH 06/10] update integration snapshots --- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 28 ------------------- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 28 +++++++++++++++++++ .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- 14 files changed, 48 insertions(+), 48 deletions(-) diff --git a/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap b/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap index ab65186696e..dd9b3c9fd15 100644 --- a/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap @@ -156,7 +156,7 @@ exports[`Canonical Articles Media Loader renders a placeholder 1`] = ` exports[`Canonical Articles Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap b/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap index c6a15ccb788..78758903624 100644 --- a/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap @@ -105,11 +105,11 @@ exports[`Canonical Korean Live Radio Page Main heading should match text 1`] = ` exports[`Canonical Korean Live Radio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap b/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap index 3fb70135357..d21daf061f1 100644 --- a/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap @@ -105,11 +105,11 @@ exports[`Canonical Sinhala Live Radio Page Main heading should match text 1`] = exports[`Canonical Sinhala Live Radio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap index 9668286923f..91419358f68 100644 --- a/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap @@ -130,34 +130,6 @@ exports[`Canonical On Demand Audio Page I can see the hero image 1`] = `"https:/ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `"Amakuru ya Gahuzamiryango, 6 Ukwa gatatu 2020"`; -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 1`] = ` -{ - "text": "Amajwi, Amakuru ya Gahuzamiryango, 17 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", - "url": "/gahuza/bbc_gahuza_radio/w172xp11bjg01g4", -} -`; - -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 2`] = ` -{ - "text": "Amajwi, Amakuru ya Gahuzamiryango, 16 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", - "url": "/gahuza/bbc_gahuza_radio/w172xp11bjfx4k1", -} -`; - -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 3`] = ` -{ - "text": "Amajwi, Amakuru ya Gahuzamiryango, 15 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", - "url": "/gahuza/bbc_gahuza_radio/w172xp11bjft7my", -} -`; - -exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 4`] = ` -{ - "text": "Amajwi, Amakuru ya Gahuzamiryango, 14 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", - "url": "/gahuza/bbc_gahuza_radio/w172xp11bjfqbqv", -} -`; - exports[`Canonical On Demand Audio Page SEO Apple Touch Icon should match attributes 1`] = ` { "sizes": null, diff --git a/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap index fbee197cfe2..469c140aeb9 100644 --- a/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap @@ -120,11 +120,11 @@ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `"D exports[`Canonical On Demand Audio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap index 0d79470a388..47c1a86683d 100644 --- a/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/pashto.expired/__snapshots__/canonical.test.js.snap @@ -165,6 +165,34 @@ exports[`Canonical On Demand Audio Page I can see the hero image 1`] = `"https:/ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `"وروستي خبرونه, ۴ فبروري ۲۰۲۰"`; +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 1`] = ` +{ + "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", + "url": "/pashto/bbc_pashto_radio/w172xqk2kz848lv", +} +`; + +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 2`] = ` +{ + "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", + "url": "/pashto/bbc_pashto_radio/w172xqk2kz844vq", +} +`; + +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 3`] = ` +{ + "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", + "url": "/pashto/bbc_pashto_radio/w172xqk2kz8413l", +} +`; + +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 4`] = ` +{ + "text": "غږ, وروستي خبرونه, ۹ ډیسمبر ۲۰۲۰, موده ۰۳،۰۰ موده ۰۳:۰۰", + "url": "/pashto/bbc_pashto_radio/w172xqk2kz83xcg", +} +`; + exports[`Canonical On Demand Audio Page SEO Apple Touch Icon should match attributes 1`] = ` { "sizes": null, diff --git a/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap index 5d8ff9a37fd..efefa0384ea 100644 --- a/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap @@ -155,11 +155,11 @@ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `" exports[`Canonical On Demand Audio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap index 55d8649037b..5b1646ff3aa 100644 --- a/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap @@ -155,11 +155,11 @@ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `" exports[`Canonical On Demand Audio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap index 68d9a278cc6..c73eba0647e 100644 --- a/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap @@ -275,7 +275,7 @@ exports[`Canonical On Demand T V Page Media Loader renders a placeholder 1`] = ` exports[`Canonical On Demand T V Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap b/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap index 967859923af..2f4495ab7f6 100644 --- a/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap @@ -155,11 +155,11 @@ exports[`Canonical Podcast Page Main heading should match text 1`] = `"Que Hist exports[`Canonical Podcast Page Media Loader renders a valid container 1`] = `
From b4bb536cf001b453901a505545876b5c079ab1d9 Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Thu, 10 Oct 2024 12:46:18 +0100 Subject: [PATCH 07/10] update unit test --- .../MediaLoader/configs/clipMedia.ts | 2 +- .../__snapshots__/canonical.test.js.snap | 28 +++++++++++++++++++ 2 files changed, 29 insertions(+), 1 deletion(-) diff --git a/src/app/components/MediaLoader/configs/clipMedia.ts b/src/app/components/MediaLoader/configs/clipMedia.ts index c72d5bec7a8..61dcb2d8ba6 100644 --- a/src/app/components/MediaLoader/configs/clipMedia.ts +++ b/src/app/components/MediaLoader/configs/clipMedia.ts @@ -109,7 +109,7 @@ export default ({ ...(videoId && { clipPID: videoId }), }, }, - ...(type !== 'audio' && placeholderConfig), + ...(type !== 'audio' && { placeholderConfig }), showAds, }; }; diff --git a/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap index 91419358f68..9668286923f 100644 --- a/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/gahuza.expired/__snapshots__/canonical.test.js.snap @@ -130,6 +130,34 @@ exports[`Canonical On Demand Audio Page I can see the hero image 1`] = `"https:/ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `"Amakuru ya Gahuzamiryango, 6 Ukwa gatatu 2020"`; +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 1`] = ` +{ + "text": "Amajwi, Amakuru ya Gahuzamiryango, 17 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", + "url": "/gahuza/bbc_gahuza_radio/w172xp11bjg01g4", +} +`; + +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 2`] = ` +{ + "text": "Amajwi, Amakuru ya Gahuzamiryango, 16 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", + "url": "/gahuza/bbc_gahuza_radio/w172xp11bjfx4k1", +} +`; + +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 3`] = ` +{ + "text": "Amajwi, Amakuru ya Gahuzamiryango, 15 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", + "url": "/gahuza/bbc_gahuza_radio/w172xp11bjft7my", +} +`; + +exports[`Canonical On Demand Audio Page Recent Episodes List items should match text and url 4`] = ` +{ + "text": "Amajwi, Amakuru ya Gahuzamiryango, 14 Ukw'icumi na kabiri 2020, Umwanya bimara 30,00 Umwanya bimara 30:00", + "url": "/gahuza/bbc_gahuza_radio/w172xp11bjfqbqv", +} +`; + exports[`Canonical On Demand Audio Page SEO Apple Touch Icon should match attributes 1`] = ` { "sizes": null, From e98fd89a812eb6ea3b43dfde5e4f7eccf3f46904 Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Mon, 14 Oct 2024 09:18:45 +0100 Subject: [PATCH 08/10] update unit and integration test --- .../__snapshots__/canonical.test.ts.snap | 79 ++++++++++++++++++- .../[service]/live/[id]/Post/index.test.tsx | 2 +- 2 files changed, 77 insertions(+), 4 deletions(-) diff --git a/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap b/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap index 45c8de763d6..c9e12769996 100644 --- a/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap +++ b/ws-nextjs-app/integration/pages/live/pidgin/__snapshots__/canonical.test.ts.snap @@ -226,9 +226,82 @@ exports[`Canonical Live Media Loader renders a valid container 1`] = ` data-e2e="media-loader__container" >
+ class="css-171plmm" + data-e2e="media-loader__placeholder" + > +
+ + +
+ +
+ +
+
{ }); expect( - container.querySelector('[data-e2e="media-loader"]'), + container.querySelector('[data-e2e="media-loader_container"]'), ).toBeInTheDocument(); }); From aff9c63017d334320e89a2981ac1b241d0ce7ae7 Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Mon, 14 Oct 2024 09:29:48 +0100 Subject: [PATCH 09/10] typo --- ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx index eca5de607a0..89feaa7a2a1 100644 --- a/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx +++ b/ws-nextjs-app/pages/[service]/live/[id]/Post/index.test.tsx @@ -167,7 +167,7 @@ describe('Post', () => { }); expect( - container.querySelector('[data-e2e="media-loader_container"]'), + container.querySelector('[data-e2e="media-loader__container"]'), ).toBeInTheDocument(); }); From 12a06d4e953d4ee37f4ee4ba33ec5f8ca9300a87 Mon Sep 17 00:00:00 2001 From: emilysaffron Date: Tue, 15 Oct 2024 17:24:31 +0100 Subject: [PATCH 10/10] fixes spacings --- .../components/MediaLoader/index.styles.ts | 34 ++++++++++++++++++- src/app/components/MediaLoader/index.tsx | 9 ++++- .../__snapshots__/index.test.tsx.snap | 3 ++ .../__snapshots__/index.test.tsx.snap | 28 +++++++++++++++ .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 2 +- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.js.snap | 4 +-- .../__snapshots__/canonical.test.ts.snap | 2 +- .../__snapshots__/canonical.test.ts.snap | 4 +-- 18 files changed, 97 insertions(+), 27 deletions(-) diff --git a/src/app/components/MediaLoader/index.styles.ts b/src/app/components/MediaLoader/index.styles.ts index ea8d264e8ec..6165fc4b805 100644 --- a/src/app/components/MediaLoader/index.styles.ts +++ b/src/app/components/MediaLoader/index.styles.ts @@ -49,10 +49,27 @@ export default { }), !isEmbedded && commonMarginSpacing, ], + audioFigure: ({ spacings }: Theme) => + css({ + margin: `0 0 ${spacings.FULL}rem 0`, + }), - audioMediaContainer: () => + audioMediaContainer: ({ mq, spacings }: Theme) => css({ height: '130px', + margin: `0 0 ${spacings.FULL}rem 0`, + [mq.GROUP_2_MIN_WIDTH]: { + padding: '0 0.5rem', + }, + [`@media (min-width: 548px)`]: { + padding: '0 0', + }, + [mq.GROUP_3_MIN_WIDTH]: { + marginInlineEnd: '1rem', + }, + [mq.GROUP_4_MIN_WIDTH]: { + marginInlineStart: '-1rem', + }, }), standardMediaContainer: ({ palette }: Theme) => @@ -96,4 +113,19 @@ export default { marginInline: '0', }, }), + + captionAudio: ({ mq, spacings }: Theme) => + css({ + margin: `${spacings.DOUBLE}rem ${spacings.FULL}rem ${spacings.FULL}rem`, + + [mq.GROUP_2_MIN_WIDTH]: { + margin: `${spacings.DOUBLE}rem 1rem 0`, + }, + [mq.GROUP_3_MIN_WIDTH]: { + margin: `${spacings.TRIPLE}rem 1rem 0`, + }, + [mq.GROUP_4_MIN_WIDTH]: { + margin: `${spacings.TRIPLE}rem 0 0`, + }, + }), }; diff --git a/src/app/components/MediaLoader/index.tsx b/src/app/components/MediaLoader/index.tsx index fb261a3f839..a26cf3d5360 100644 --- a/src/app/components/MediaLoader/index.tsx +++ b/src/app/components/MediaLoader/index.tsx @@ -249,6 +249,7 @@ const MediaLoader = ({ blocks, className, embedded }: Props) => { orientation === 'portrait' && styles.portraitFigure(embedded), orientation === 'landscape' && styles.landscapeFigure, ], + playerConfig?.ui?.skin === 'audio' && styles.audioFigure, ]} > {isAmp ? ( @@ -280,7 +281,13 @@ const MediaLoader = ({ blocks, className, embedded }: Props) => { )} diff --git a/src/app/pages/MediaArticlePage/__snapshots__/index.test.tsx.snap b/src/app/pages/MediaArticlePage/__snapshots__/index.test.tsx.snap index 0d829bbe39c..0e556a23c42 100644 --- a/src/app/pages/MediaArticlePage/__snapshots__/index.test.tsx.snap +++ b/src/app/pages/MediaArticlePage/__snapshots__/index.test.tsx.snap @@ -314,6 +314,9 @@ exports[`MediaArticlePage should render a news article correctly 1`] = ` padding-inline: 0.5rem; width: calc(100% - 0.5rem); border-inline-start: 0.0625rem solid #6E6E73; + position: relative; + width: 100%; + margin: 0 0 1.5rem 0; } @media (min-width: 20rem) and (max-width: 37.4375rem) { diff --git a/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap b/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap index 60c74d0112e..64d93d31ddc 100644 --- a/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap +++ b/src/app/pages/OnDemandAudioPage/__snapshots__/index.test.tsx.snap @@ -695,10 +695,38 @@ exports[`OnDemand Radio Page should match snapshot 1`] = ` position: relative; width: 100%; margin: 0 0 1.5rem 0; + margin: 0 0 0.5rem 0; } .emotion-30 { height: 130px; + margin: 0 0 0.5rem 0; +} + +@media (min-width: 25rem) { + .emotion-30 { + padding: 0 0.5rem; + } +} + +@media (min-width: 548px) { + .emotion-30 { + padding: 0 0; + } +} + +@media (min-width: 37.5rem) { + .emotion-30 { + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; + } +} + +@media (min-width: 63rem) { + .emotion-30 { + -webkit-margin-start: -1rem; + margin-inline-start: -1rem; + } }
diff --git a/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap b/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap index 6f9a4a0740b..b3cae2597ab 100644 --- a/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/articles/afrique/__snapshots__/canonical.test.js.snap @@ -156,7 +156,7 @@ exports[`Canonical Articles Media Loader renders a placeholder 1`] = ` exports[`Canonical Articles Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap b/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap index 78758903624..489a0c8ed84 100644 --- a/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/liveRadio/korean/__snapshots__/canonical.test.js.snap @@ -105,11 +105,11 @@ exports[`Canonical Korean Live Radio Page Main heading should match text 1`] = ` exports[`Canonical Korean Live Radio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap b/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap index d21daf061f1..79363203c6d 100644 --- a/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/liveRadio/sinhala/__snapshots__/canonical.test.js.snap @@ -105,11 +105,11 @@ exports[`Canonical Sinhala Live Radio Page Main heading should match text 1`] = exports[`Canonical Sinhala Live Radio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap index 469c140aeb9..c16fc7bb77b 100644 --- a/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/indonesia/__snapshots__/canonical.test.js.snap @@ -120,11 +120,11 @@ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `"D exports[`Canonical On Demand Audio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap index efefa0384ea..4a639055a9e 100644 --- a/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/pashto/__snapshots__/canonical.test.js.snap @@ -155,11 +155,11 @@ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `" exports[`Canonical On Demand Audio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap index 5b1646ff3aa..f91ee7e0c8b 100644 --- a/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandAudioPage/pashtoBrand/__snapshots__/canonical.test.js.snap @@ -155,11 +155,11 @@ exports[`Canonical On Demand Audio Page Main heading should match text 1`] = `" exports[`Canonical On Demand Audio Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap b/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap index e0be2d4019f..c45ce5aa2f9 100644 --- a/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/onDemandTVPage/hausa/__snapshots__/canonical.test.js.snap @@ -275,7 +275,7 @@ exports[`Canonical On Demand T V Page Media Loader renders a placeholder 1`] = ` exports[`Canonical On Demand T V Page Media Loader renders a valid container 1`] = `
diff --git a/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap b/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap index 2f4495ab7f6..77f9a3a934e 100644 --- a/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap +++ b/src/integration/pages/podcastPage/portugueseEpisode/__snapshots__/canonical.test.js.snap @@ -155,11 +155,11 @@ exports[`Canonical Podcast Page Main heading should match text 1`] = `"Que Hist exports[`Canonical Podcast Page Media Loader renders a valid container 1`] = `
diff --git a/ws-nextjs-app/integration/pages/av-embeds/russian/__snapshots__/canonical.test.ts.snap b/ws-nextjs-app/integration/pages/av-embeds/russian/__snapshots__/canonical.test.ts.snap index b1957a48795..18dbfe34831 100644 --- a/ws-nextjs-app/integration/pages/av-embeds/russian/__snapshots__/canonical.test.ts.snap +++ b/ws-nextjs-app/integration/pages/av-embeds/russian/__snapshots__/canonical.test.ts.snap @@ -152,7 +152,7 @@ exports[`Canonical Av-embeds Media Loader renders a placeholder 1`] = ` exports[`Canonical Av-embeds Media Loader renders a valid container 1`] = `