🧪Playwright tests - Mock time sensitive events for Live Stream banner

[Calinator444]

CC: @wicksipedia

🤕The pain

Live stream events are time sensitive and have a large amount of points of failure.

💡The solution

I would recommend adding some tests using Playwright with Storybook to ensure the banner behaves properly when the time sensitive features of the banner occur (see test cases for a list of these time sensitive features)

Test cases

Beta Give feedback

1. 🧪Does the event banner display when the event is coming up?
2. 🧪Does the event banner appear when the time to display the banner ticks over?
3. 🧪Does the livestream banner display when the event banner mocking behaviour is triggered (See Testing Time Sensitive Features for detail)
4. 🧪Does the Youtube embed in the banner return a 200 level response (discuss with tv team, live stream links are generally added after events)
5. 🧪What happens when there is no upcoming event?
6. Ensure these tests work for the app router live stream banner and pages router livestream banner
7. Add a GitHub workflow that triggers these tests when a change is made inside of content/events-calendar
8. Add a GitHub workflow that triggers these tests when a change is made inside of both versions of layout.tsx
9. Add a GitHub workflow that triggers these tests when a change is made inside of both versions of live-stream.tsx
10. Add a GitHub workflow that triggers these tests when a change is made inside of both versions of liveStreamBanner.tsx
11. Add a GitHub workflow that triggers these tests when a change is made inside of both versions of liveStreamWidget.tsx

Important notes

• The livestream URL is generally added after the User Group is added. The livestream URL returning a 400 level response may be acceptable in certain scenarios
• I'd suggest breaking these tasks into separate PBIs and creating an epic for this
• There are two fields in tina (startShowBannerDateTime and endShowBannerDateTime) which are used to determine when the live stream banner will appear