• tested Accessibility with Chrome Dev tools - Lighthouse - wp25eastereggs-video-container will have audio?

<video> elements contain a <track> element with [kind="captions"]

<div class="wp25eastereggs-video-container" style="display: block;"><video loop="" playsinline="" src="/w/extensions/WP25EasterEggs/resources/media/idle-light.webm" style="width: 100%; height: 100%; object-fit: contain;"></video></div>

I found an issue with switching quickly between light mode -> dark mode -> back to light mode

• Start on a page with flashlight + click animation (e.g. balloon) and in light mode
• Click on the animation to start the extra click animation
• Switch to dark mode
• While flashlight animation is still playing, switch back to light mode
• The click animation (in light mode) remains playing, and when it stops then the dark-mode animation appears in light mode

Also, I think the click animation (balloons) shouldn't still be playing when I switch back to light mode from dark.

The issue seems specific to the patch https://phabricator.wikimedia.org/T417080

In T415722#11608484, @aude wrote:

I found an issue with switching quickly between light mode -> dark mode -> back to light mode

• Start on a page with flashlight + click animation (e.g. balloon) and in light mode
• Click on the animation to start the extra click animation
• Switch to dark mode
• While flashlight animation is still playing, switch back to light mode
• The click animation (in light mode) remains playing, and when it stops then the dark-mode animation appears in light mode

Also, I think the click animation (balloons) shouldn't still be playing when I switch back to light mode from dark.

The issue seems specific to the patch https://phabricator.wikimedia.org/T417080

Thank you, @aude! I checked that on testwiki - https://test.wikipedia.org/wiki/Confetti. The issue that you described, doesn't seem to be present. But switching between Dark/Light modes does cause an issue of not completing the final animation stage - the confetti won't show up, see the gif below. The page needs to be reloaded to have the full animation again.
Steps:

• on https://test.wikipedia.org/wiki/Confetti click on the baby globe to see the animation
• switch to the Dark mode and click on the baby globe - the animation is present
• now, click on the baby globe and not waiting for the animation to fully end, switch to a different mode - dark or light.
• click again on the baby globe, the confetti part of the animation won't be shown

The issue seems like a really edge case. I tried to see if there are more cases when the full animation won't be shown, e.g. slow network or some specific interactions with a page - all seem to be working quite well.