Implement Cypress testing for Music Blocks

[BeNikk]

Overview

Introduces Cypress end-to-end testing framework to Music Blocks

Changes

• Added comprehensive Cypress test suite
• Covered key application functionalities:
  • Application loading
  • Audio controls
  • UI element interactions
  • File operations

Testing Coverage

• Added tests for:
  • Loading sequence
  • Play/stop buttons
  • Toolbar interactions
  • File management
  • User interface elements

Next Steps

• Expand test coverage

Screenshots and Recordings

Screencast from 07-02-25 06:36:11 PM IST.webm

[BeNikk]

@walterbender @apsinghdev I have created some basic end to end test for Mb home page, ensuring the tests handle the MB loading page well. Would love your feedback so we can cover more thoroughly
I have added a video for reference too about how the tests run

[apsinghdev]

@BeNikk seems some big changes. I'll surely take a look.

[BeNikk]

Sure. Thanks a lot

[walterbender]

There is a package-lock conflict. And I am not sure that cypress version is compatible with some of the configs we use for other tests. Can you please test.

[BeNikk]

I'll fix it for sure.

[BeNikk]

@walterbender I'hve resolved the merge conflicts and this cypress version seems to be compatible with jest, can you please check and lemme know if any further changes are required?

[walterbender]

what command are you using to run the test?

[BeNikk]

Npx cypress open for visually seeing the tests running, otherwise npx cypress run.
Should I add them as scripts in package.json?

[walterbender]

Yes. We'll need the proper packages installed.