Add Cypress integration test for new Shorts feature

[kyleecodes]

Overview

Shorts are new features on the Bloom app, located on the /courses page, and provide short-form video content. To see an example, navigate to /shorts/what-is-assertiveness-.

We need to add end-to-end Cypress tests for the Shorts features to ensure their core functionality works as expected. These tests will help catch any regressions in these critical user flows.

Here is the user flow for Shorts:

1. User visits the home page
2. User clicks on a short
3. User plays the short
4. User clicks on the related session
5. User is prompted to login
6. User logs in
7. User is redirected to and plays the session

Action Items

• Create new test file in cypress/integration/tests called shorts.spec.ts
• Add necessary test data in cypress/fixtures/ if required
• Ensure tests handle authentication flow, error handling, and timeouts properly.

Resources / Notes

• To run each test individually, command in /docs/configure-cypress.md.
• Use existing authentication helpers from cypress/support/
• Follow existing test patterns in the codebase.
• Ensure tests are resilient to UI changes where possible.
• Add appropriate comments and documentation.

[JingjieGao]

Hi @kyleecodes
Could you please assign this issue to me? I’ve already finished it. Here is the PR #1482. Thank you!

[github-actions]

Thank you @JingjieGao you have been assigned this issue!
Please follow the directions in our Contributing Guide. We look forward to reviewing your pull request. ✨

---

Support Chayn's mission? ⭐ Please star this repo to help us find more contributors like you!
Learn more about Chayn's impact here. 🌸