diff --git a/banners/desktop/C24_WMDE_Desktop_DE_22/components/MainBanner.vue b/banners/desktop/C24_WMDE_Desktop_DE_22/components/MainBanner.vue index 20c886d6c..b407c2010 100644 --- a/banners/desktop/C24_WMDE_Desktop_DE_22/components/MainBanner.vue +++ b/banners/desktop/C24_WMDE_Desktop_DE_22/components/MainBanner.vue @@ -34,7 +34,7 @@ const emit = defineEmits( [ 'formInteraction' ] ); const slideShowStopped = ref( false ); const slideshowShouldPlay = computed( () => props.bannerState === BannerStates.Visible && !slideShowStopped.value ); -const onLargeScreen = useDisplaySwitch( 1300 ); +const onLargeScreen = useDisplaySwitch( 1550 ); const onFormInteraction = (): void => { slideShowStopped.value = true; diff --git a/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerSlidesVar.vue b/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerSlidesVar.vue index 991443c11..6f596f53a 100644 --- a/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerSlidesVar.vue +++ b/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerSlidesVar.vue @@ -14,13 +14,14 @@

- Die durchschnittliche Spende beträgt {{ averageDonation }}, doch bereits 5 € helfen uns weiter. Hat Wikipedia - Ihnen in diesem Jahr Wissen im Wert einer Tasse Kaffee geschenkt? + Die durchschnittliche Spende beträgt {{ averageDonation }}, doch bereits 5 € helfen uns weiter. Wenn + alle, die für Wikipedia dankbar sind, spenden, wäre unser Ziel in wenigen Stunden erreicht.

- Dann entscheiden Sie sich, eine der seltenen Ausnahmen zu sein, und geben Sie etwas zurück. Vielen Dank! + Hat Wikipedia Ihnen in diesem Jahr Wissen im Wert einer Tasse Kaffee geschenkt? Dann entscheiden Sie sich, + eine der seltenen Ausnahmen zu sein, und geben Sie etwas zurück. Vielen Dank!

diff --git a/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerTextVar.vue b/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerTextVar.vue index e7280312f..7789dc0b8 100644 --- a/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerTextVar.vue +++ b/banners/desktop/C24_WMDE_Desktop_DE_22/content/BannerTextVar.vue @@ -3,14 +3,13 @@

Vielleicht kommen wir gerade ungelegen, aber dennoch: Klicken Sie jetzt bitte nicht weg! Am heutigen - {{ currentDayName }}, den {{ currentDate }}, bitten wir Sie, die Unabhängigkeit von Wikipedia zu unterstützen. - {{campaignDaySentence}} - - Die meisten Menschen spenden, weil sie Wikipedia nützlich finden. - Die durchschnittliche Spende beträgt {{ averageDonation }}, doch bereits 5 € helfen uns weiter. - Hat Wikipedia Ihnen in diesem Jahr Wissen im Wert einer Tasse Kaffee geschenkt? - Dann entscheiden Sie sich, eine der seltenen Ausnahmen zu sein, und geben Sie etwas zurück. - Vielen Dank! + {{ currentDayName }}, den {{ currentDate }}, bitten wir Sie, die Unabhängigkeit von Wikipedia zu + unterstützen. {{ campaignDaySentence }} Die meisten + Menschen spenden, weil sie Wikipedia nützlich finden. Die durchschnittliche Spende beträgt + {{ averageDonation }}, doch bereits 5 € helfen uns weiter. Wenn alle, die für Wikipedia dankbar + sind, spenden, wäre unser Ziel in wenigen Stunden erreicht. Hat Wikipedia Ihnen in diesem Jahr Wissen + im Wert einer Tasse Kaffee geschenkt? Dann entscheiden Sie sich, eine der seltenen Ausnahmen zu sein, + und geben Sie etwas zurück. Vielen Dank!

diff --git a/banners/desktop/C24_WMDE_Desktop_DE_22/styles/styles.scss b/banners/desktop/C24_WMDE_Desktop_DE_22/styles/styles.scss index b69168a4c..133485368 100644 --- a/banners/desktop/C24_WMDE_Desktop_DE_22/styles/styles.scss +++ b/banners/desktop/C24_WMDE_Desktop_DE_22/styles/styles.scss @@ -12,7 +12,7 @@ @use 'Banner'; @use 'src/themes/UseOfFunds/UseOfFunds'; @use 'MainBanner' with ( - $banner-height: 357px, + $banner-height: 369px, $form-width: 300px ); @use 'src/themes/Treedip/defaults'; diff --git a/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerCtrl.spec.ts b/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerCtrl.spec.ts index effa8552a..74324790f 100644 --- a/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerCtrl.spec.ts +++ b/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerCtrl.spec.ts @@ -98,14 +98,14 @@ describe( 'BannerCtrl.vue', () => { [ 'expectShowsSlideShowOnSmallSizes' ], [ 'expectShowsMessageOnLargeSizes' ] ] )( '%s', async ( testName: string ) => { - await bannerContentDisplaySwitchFeatures[ testName ]( getWrapper, 1300 ); + await bannerContentDisplaySwitchFeatures[ testName ]( getWrapper, 1550 ); } ); test.each( [ - [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInMessage' ], - [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow' ] - ] )( '%s', async ( testName: string ) => { - await bannerContentAnimatedTextFeatures[ testName ]( getWrapper ); + [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInMessage', 1551 ], + [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow', 1550 ] + ] )( '%s', async ( testName: string, width: number ) => { + await bannerContentAnimatedTextFeatures[ testName ]( getWrapper, width ); } ); test.each( [ diff --git a/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerVar.spec.ts b/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerVar.spec.ts index 0b033258b..e1e02e932 100644 --- a/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerVar.spec.ts +++ b/test/banners/desktop/C24_WMDE_Desktop_DE_22/components/BannerVar.spec.ts @@ -98,14 +98,14 @@ describe( 'BannerVar.vue', () => { [ 'expectShowsSlideShowOnSmallSizes' ], [ 'expectShowsMessageOnLargeSizes' ] ] )( '%s', async ( testName: string ) => { - await bannerContentDisplaySwitchFeatures[ testName ]( getWrapper, 1300 ); + await bannerContentDisplaySwitchFeatures[ testName ]( getWrapper, 1550 ); } ); test.each( [ - [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInMessage' ], - [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow' ] - ] )( '%s', async ( testName: string ) => { - await bannerContentAnimatedTextFeatures[ testName ]( getWrapper ); + [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInMessage', 1551 ], + [ 'expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow', 1550 ] + ] )( '%s', async ( testName: string, width: number ) => { + await bannerContentAnimatedTextFeatures[ testName ]( getWrapper, width ); } ); test.each( [ diff --git a/test/features/BannerContent.ts b/test/features/BannerContent.ts index 1b10be90b..1515a8444 100644 --- a/test/features/BannerContent.ts +++ b/test/features/BannerContent.ts @@ -39,8 +39,9 @@ const expectHidesAnimatedVisitorsVsDonorsSentenceInMessage = async ( getWrapper: expect( wrapper.find( '.wmde-banner-message .wmde-banner-text-animated-highlight' ).exists() ).toBeFalsy(); }; -const expectShowsAnimatedVisitorsVsDonorsSentenceInMessage = async ( getWrapper: ( dynamicContent: DynamicContent ) => VueWrapper ): Promise => { - Object.defineProperty( window, 'innerWidth', { writable: true, configurable: true, value: 1301 } ); +const expectShowsAnimatedVisitorsVsDonorsSentenceInMessage = async ( getWrapper: ( dynamicContent: DynamicContent ) => + VueWrapper, minWidthForLargeScreen: number = 1301 ): Promise => { + Object.defineProperty( window, 'innerWidth', { writable: true, configurable: true, value: minWidthForLargeScreen } ); const dynamicContent = newDynamicContent(); dynamicContent.visitorsVsDonorsSentence = 'Visitors vs donors sentence'; const wrapper = getWrapper( dynamicContent ); @@ -222,12 +223,13 @@ export const bannerContentAverageDonationFeatures: Record VueWrapper ) => Promise> = { - expectHidesAnimatedVisitorsVsDonorsSentenceInMessage, - expectShowsAnimatedVisitorsVsDonorsSentenceInMessage, - expectHidesAnimatedVisitorsVsDonorsSentenceInSlideShow, - expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow -}; +export const bannerContentAnimatedTextFeatures: Record + VueWrapper, minWidthForLargeScreen: number|void ) => Promise> = { + expectHidesAnimatedVisitorsVsDonorsSentenceInMessage, + expectShowsAnimatedVisitorsVsDonorsSentenceInMessage, + expectHidesAnimatedVisitorsVsDonorsSentenceInSlideShow, + expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow + }; export const bannerContentDateAndTimeFeatures: Record VueWrapper ) => Promise> = { expectShowsLiveDateAndTimeInMessage,